/* ! WARNING
 * Don't edit this css file directly
 * it is generated using SASS
 */
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
  NOTE: The above method using the body:after/content (content now returns empty string) pseduo class broke after an update in chrome 33.0.1750.117,
  now using browser safe method of adding the breakpoint to the html front-family (this font-family must be overriden on the body tag)
*/
@media screen and (min-width: 0em) {
  html {
    font-family: "breakpoint_1"; } }
@media screen and (min-width: 1em) {
  html {
    font-family: "breakpoint_2"; } }
@media screen and (min-width: 2em) {
  html {
    font-family: "breakpoint_3"; } }
@media screen and (min-width: 3em) {
  html {
    font-family: "breakpoint_4"; } }
@media screen and (min-width: 4em) {
  html {
    font-family: "breakpoint_5"; } }
@media screen and (min-width: 5em) {
  html {
    font-family: "breakpoint_6"; } }
@media screen and (min-width: 6em) {
  html {
    font-family: "breakpoint_7"; } }
@media screen and (min-width: 7em) {
  html {
    font-family: "breakpoint_8"; } }
@media screen and (min-width: 8em) {
  html {
    font-family: "breakpoint_9"; } }
@media screen and (min-width: 9em) {
  html {
    font-family: "breakpoint_10"; } }
@media screen and (min-width: 10em) {
  html {
    font-family: "breakpoint_11"; } }
@media screen and (min-width: 11em) {
  html {
    font-family: "breakpoint_12"; } }
@media screen and (min-width: 12em) {
  html {
    font-family: "breakpoint_13"; } }
@media screen and (min-width: 13em) {
  html {
    font-family: "breakpoint_14"; } }
@media screen and (min-width: 14em) {
  html {
    font-family: "breakpoint_15"; } }
@media screen and (min-width: 15em) {
  html {
    font-family: "breakpoint_16"; } }
@media screen and (min-width: 16em) {
  html {
    font-family: "breakpoint_17"; } }
@media screen and (min-width: 17em) {
  html {
    font-family: "breakpoint_18"; } }
@media screen and (min-width: 18em) {
  html {
    font-family: "breakpoint_19"; } }
@media screen and (min-width: 19em) {
  html {
    font-family: "breakpoint_20"; } }
@media screen and (min-width: 20em) {
  html {
    font-family: "breakpoint_21"; } }
@media screen and (min-width: 21em) {
  html {
    font-family: "breakpoint_22"; } }
@media screen and (min-width: 22em) {
  html {
    font-family: "breakpoint_23"; } }
@media screen and (min-width: 23em) {
  html {
    font-family: "breakpoint_24"; } }
@media screen and (min-width: 24em) {
  html {
    font-family: "breakpoint_25"; } }
@media screen and (min-width: 25em) {
  html {
    font-family: "breakpoint_26"; } }
@media screen and (min-width: 26em) {
  html {
    font-family: "breakpoint_27"; } }
@media screen and (min-width: 27em) {
  html {
    font-family: "breakpoint_28"; } }
@media screen and (min-width: 28em) {
  html {
    font-family: "breakpoint_29"; } }
@media screen and (min-width: 29em) {
  html {
    font-family: "breakpoint_30"; } }
@media screen and (min-width: 30em) {
  html {
    font-family: "breakpoint_31"; } }
@media screen and (min-width: 31em) {
  html {
    font-family: "breakpoint_32"; } }
@media screen and (min-width: 32em) {
  html {
    font-family: "breakpoint_33"; } }
@media screen and (min-width: 33em) {
  html {
    font-family: "breakpoint_34"; } }
@media screen and (min-width: 34em) {
  html {
    font-family: "breakpoint_35"; } }
@media screen and (min-width: 35em) {
  html {
    font-family: "breakpoint_36"; } }
@media screen and (min-width: 36em) {
  html {
    font-family: "breakpoint_37"; } }
@media screen and (min-width: 37em) {
  html {
    font-family: "breakpoint_38"; } }
@media screen and (min-width: 38em) {
  html {
    font-family: "breakpoint_39"; } }
@media screen and (min-width: 39em) {
  html {
    font-family: "breakpoint_40"; } }
@media screen and (min-width: 40em) {
  html {
    font-family: "breakpoint_41"; } }
@media screen and (min-width: 41em) {
  html {
    font-family: "breakpoint_42"; } }
@media screen and (min-width: 42em) {
  html {
    font-family: "breakpoint_43"; } }
@media screen and (min-width: 43em) {
  html {
    font-family: "breakpoint_44"; } }
@media screen and (min-width: 44em) {
  html {
    font-family: "breakpoint_45"; } }
@media screen and (min-width: 45em) {
  html {
    font-family: "breakpoint_46"; } }
@media screen and (min-width: 46em) {
  html {
    font-family: "breakpoint_47"; } }
@media screen and (min-width: 47em) {
  html {
    font-family: "breakpoint_48"; } }
@media screen and (min-width: 48em) {
  html {
    font-family: "breakpoint_49"; } }
@media screen and (min-width: 49em) {
  html {
    font-family: "breakpoint_50"; } }
@media screen and (min-width: 50em) {
  html {
    font-family: "breakpoint_51"; } }
@media screen and (min-width: 51em) {
  html {
    font-family: "breakpoint_52"; } }
@media screen and (min-width: 52em) {
  html {
    font-family: "breakpoint_53"; } }
@media screen and (min-width: 53em) {
  html {
    font-family: "breakpoint_54"; } }
@media screen and (min-width: 54em) {
  html {
    font-family: "breakpoint_55"; } }
@media screen and (min-width: 55em) {
  html {
    font-family: "breakpoint_56"; } }
@media screen and (min-width: 56em) {
  html {
    font-family: "breakpoint_57"; } }
@media screen and (min-width: 57em) {
  html {
    font-family: "breakpoint_58"; } }
@media screen and (min-width: 58em) {
  html {
    font-family: "breakpoint_59"; } }
@media screen and (min-width: 59em) {
  html {
    font-family: "breakpoint_60"; } }
@media screen and (min-width: 60em) {
  html {
    font-family: "breakpoint_61"; } }
@media screen and (min-width: 61em) {
  html {
    font-family: "breakpoint_62"; } }
@media screen and (min-width: 62em) {
  html {
    font-family: "breakpoint_63"; } }
@media screen and (min-width: 63em) {
  html {
    font-family: "breakpoint_64"; } }
@media screen and (min-width: 64em) {
  html {
    font-family: "breakpoint_65"; } }
@media screen and (min-width: 65em) {
  html {
    font-family: "breakpoint_66"; } }
@media screen and (min-width: 66em) {
  html {
    font-family: "breakpoint_67"; } }
@media screen and (min-width: 67em) {
  html {
    font-family: "breakpoint_68"; } }
@media screen and (min-width: 68em) {
  html {
    font-family: "breakpoint_69"; } }
@media screen and (min-width: 69em) {
  html {
    font-family: "breakpoint_70"; } }
@media screen and (min-width: 70em) {
  html {
    font-family: "breakpoint_71"; } }
@media screen and (min-width: 71em) {
  html {
    font-family: "breakpoint_72"; } }
@media screen and (min-width: 72em) {
  html {
    font-family: "breakpoint_73"; } }
@media screen and (min-width: 73em) {
  html {
    font-family: "breakpoint_74"; } }
@media screen and (min-width: 74em) {
  html {
    font-family: "breakpoint_75"; } }
@media screen and (min-width: 75em) {
  html {
    font-family: "breakpoint_76"; } }
@media screen and (min-width: 76em) {
  html {
    font-family: "breakpoint_77"; } }
@media screen and (min-width: 77em) {
  html {
    font-family: "breakpoint_78"; } }
@media screen and (min-width: 78em) {
  html {
    font-family: "breakpoint_79"; } }
@media screen and (min-width: 79em) {
  html {
    font-family: "breakpoint_80"; } }
@media screen and (min-width: 80em) {
  html {
    font-family: "breakpoint_81"; } }
@media screen and (min-width: 81em) {
  html {
    font-family: "breakpoint_82"; } }
@media screen and (min-width: 82em) {
  html {
    font-family: "breakpoint_83"; } }
@media screen and (min-width: 83em) {
  html {
    font-family: "breakpoint_84"; } }
@media screen and (min-width: 84em) {
  html {
    font-family: "breakpoint_85"; } }
@media screen and (min-width: 85em) {
  html {
    font-family: "breakpoint_86"; } }
@media screen and (min-width: 86em) {
  html {
    font-family: "breakpoint_87"; } }
@media screen and (min-width: 87em) {
  html {
    font-family: "breakpoint_88"; } }
@media screen and (min-width: 88em) {
  html {
    font-family: "breakpoint_89"; } }
@media screen and (min-width: 89em) {
  html {
    font-family: "breakpoint_90"; } }
@media screen and (min-width: 90em) {
  html {
    font-family: "breakpoint_91"; } }
@media screen and (min-width: 91em) {
  html {
    font-family: "breakpoint_92"; } }
@media screen and (min-width: 92em) {
  html {
    font-family: "breakpoint_93"; } }
@media screen and (min-width: 93em) {
  html {
    font-family: "breakpoint_94"; } }
@media screen and (min-width: 94em) {
  html {
    font-family: "breakpoint_95"; } }
@media screen and (min-width: 95em) {
  html {
    font-family: "breakpoint_96"; } }
@media screen and (min-width: 96em) {
  html {
    font-family: "breakpoint_97"; } }
@media screen and (min-width: 97em) {
  html {
    font-family: "breakpoint_98"; } }
@media screen and (min-width: 98em) {
  html {
    font-family: "breakpoint_99"; } }
@media screen and (min-width: 99em) {
  html {
    font-family: "breakpoint_100"; } }
@media screen and (min-width: 100em) {
  html {
    font-family: "breakpoint_101"; } }
@media screen and (min-width: 101em) {
  html {
    font-family: "breakpoint_102"; } }
@media screen and (min-width: 102em) {
  html {
    font-family: "breakpoint_103"; } }
@media screen and (min-width: 103em) {
  html {
    font-family: "breakpoint_104"; } }
@media screen and (min-width: 104em) {
  html {
    font-family: "breakpoint_105"; } }
@media screen and (min-width: 105em) {
  html {
    font-family: "breakpoint_106"; } }
@media screen and (min-width: 106em) {
  html {
    font-family: "breakpoint_107"; } }
@media screen and (min-width: 107em) {
  html {
    font-family: "breakpoint_108"; } }
@media screen and (min-width: 108em) {
  html {
    font-family: "breakpoint_109"; } }
@media screen and (min-width: 109em) {
  html {
    font-family: "breakpoint_110"; } }
@media screen and (min-width: 110em) {
  html {
    font-family: "breakpoint_111"; } }
@media screen and (min-width: 111em) {
  html {
    font-family: "breakpoint_112"; } }
@media screen and (min-width: 112em) {
  html {
    font-family: "breakpoint_113"; } }
@media screen and (min-width: 113em) {
  html {
    font-family: "breakpoint_114"; } }
@media screen and (min-width: 114em) {
  html {
    font-family: "breakpoint_115"; } }
@media screen and (min-width: 115em) {
  html {
    font-family: "breakpoint_116"; } }
@media screen and (min-width: 116em) {
  html {
    font-family: "breakpoint_117"; } }
@media screen and (min-width: 117em) {
  html {
    font-family: "breakpoint_118"; } }
@media screen and (min-width: 118em) {
  html {
    font-family: "breakpoint_119"; } }
@media screen and (min-width: 119em) {
  html {
    font-family: "breakpoint_120"; } }
@media screen and (min-width: 120em) {
  html {
    font-family: "breakpoint_121"; } }
.row, .jive-thread-post {
  clear: both;
  margin: 0 auto;
  min-width: 292px;
  max-width: 863px; }
  .row:after, .jive-thread-post:after {
    content: "";
    display: table;
    clear: both; }
  .row .row, .jive-thread-post .row, .row .jive-thread-post, .jive-thread-post .jive-thread-post {
    margin: 0 -12px;
    margin:  0 -0.75rem;
    min-width: 0; }
  .row.full-width-row, .full-width-row.jive-thread-post {
    max-width: none; }

[class*="columns-"], .jive-author, .jive-thread-post-body-container, .jive-thread-reply-body-container {
  float: left;
  padding: 0 12px;
  padding:  0 0.75rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  [class*="columns-"]:last-child, .jive-author:last-child, .jive-thread-post-body-container:last-child, .jive-thread-reply-body-container:last-child, [class*="columns-"].last-child, .last-child.jive-author, .last-child.jive-thread-post-body-container, .last-child.jive-thread-reply-body-container {
    float: right; }

[class*="push-"], [class*="pull-"] {
  position: relative; }

.columns-1 {
  width: 8.33333%; }

.push-1 {
  left: 8.33333%; }

.pull-1 {
  left: -8.33333%; }

.columns-2, .jive-author {
  width: 16.66667%; }

.push-2 {
  left: 16.66667%; }

.pull-2 {
  left: -16.66667%; }

.columns-3 {
  width: 25%; }

.push-3 {
  left: 25%; }

.pull-3 {
  left: -25%; }

.columns-4 {
  width: 33.33333%; }

.push-4 {
  left: 33.33333%; }

.pull-4 {
  left: -33.33333%; }

.columns-5 {
  width: 41.66667%; }

.push-5 {
  left: 41.66667%; }

.pull-5 {
  left: -41.66667%; }

.columns-6 {
  width: 50%; }

.push-6 {
  left: 50%; }

.pull-6 {
  left: -50%; }

.columns-7 {
  width: 58.33333%; }

.push-7 {
  left: 58.33333%; }

.pull-7 {
  left: -58.33333%; }

.columns-8 {
  width: 66.66667%; }

.push-8 {
  left: 66.66667%; }

.pull-8 {
  left: -66.66667%; }

.columns-9 {
  width: 75%; }

.push-9 {
  left: 75%; }

.pull-9 {
  left: -75%; }

.columns-10, .jive-thread-post-body-container, .jive-thread-reply-body-container {
  width: 83.33333%; }

.push-10 {
  left: 83.33333%; }

.pull-10 {
  left: -83.33333%; }

.columns-11 {
  width: 91.66667%; }

.push-11 {
  left: 91.66667%; }

.pull-11 {
  left: -91.66667%; }

.columns-12 {
  width: 100%; }

.push-12 {
  left: 100%; }

.pull-12 {
  left: -100%; }

@media screen and (min-width: 0em) and (max-width: 45em) {
  [class*="columns-"], .jive-author, .jive-thread-post-body-container, .jive-thread-reply-body-container {
    float: none;
    width: 100%; }

  [class*="push-"], [class*="pull-"] {
    position: static; } }
img {
  max-width: 100%;
  height: auto !important; }

audio {
  width: 100%; }

.video-wrapper {
  height: 0;
  padding-bottom: 56.25%;
  position: relative; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

html {
  font-size: 16px; }

body {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.6;
  direction: ltr; }

/* Credit for double-stranded heading hierarchy and other abstract font classes to http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/ */
.giga {
  font-size: 3em; }

.mega {
  font-size: 2em; }

.kilo {
  font-size: 1.5em; }

small, .milli, .copyright-info p, .site-footer {
  font-size: 0.9166666667em; }

h1, .alpha, h2, .beta, h3, .gamma, fieldset legend, h4, .delta, .copyright-info h2, .photographers-details .teaser-title, .js-lightshow-thumbnail-slider .text h2, h5, .epsilon, h6, .zeta {
  font-family: sans-serif;
  font-weight: normal;
  font-style: sans-serif;
  text-transform: none;
  font-size: 1.5em;
  margin: 0;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  line-height: 1.2; }

h2, .beta {
  font-size: 1.333333em; }

h3, .gamma, fieldset legend {
  font-size: 1.1666666em; }

h4, .delta, .copyright-info h2, .photographers-details .teaser-title, .js-lightshow-thumbnail-slider .text h2 {
  font-size: 1em; }

h5, .epsilon {
  font-size: 1em; }

h6, .zeta {
  font-size: 1em; }

p {
  margin: 0 0 10px 0;
  margin:  0 0 0.625rem 0; }

em, i {
  font-style: italic; }

strong, b {
  font-weight: bold; }

sub, sup {
  font-size: 9px; }

code {
  font-family: monospace; }

address {
  margin: 0 0 16px 0;
  margin:  0 0 1rem 0; }

figure {
  margin: 0 0 16px 0;
  margin:  0 0 1rem 0; }

ul, ol {
  margin: 0 0 16px 0;
  margin:  0 0 1rem 0;
  padding: 0;
  list-style-position: inside; }
  ul ul, ul ol, ol ul, ol ol {
    margin: 0;
    padding: 0 0 0 24px;
    padding:  0 0 0 1.5rem; }

ul, ul ul, ul ul ul {
  list-style: disc;
  list-style-position: inside; }

li {
  margin: 0; }

dl {
  margin: 16px 0;
  margin:  1rem 0; }

dt, dd {
  line-height: 1.5; }

dd {
  padding: 0;
  margin: 0 0 16px 0;
  margin:  0 0 1rem 0;
  font-size: 11px;
  font-size: 0.6875rem; }

blockquote {
  margin: 16px 24px;
  margin:  1rem 1.5rem;
  padding: 0 12px;
  padding:  0 0.75rem;
  display: inline-block;
  font-style: italic;
  line-height: 1.5; }
  blockquote p {
    margin: 0; }
  blockquote + figcaption {
    margin: -16px 24px 0;
    margin:  -1rem 1.5rem 0;
    padding: 0 12px;
    padding:  0 0.75rem;
    line-height: 1.5;
    font-size: 11px;
    font-size: 0.6875rem; }

q:before {
  content: "\201C"; }
q:after {
  content: "\201D"; }
q q {
  font-style: italic; }
  q q:before {
    content: "\201C"; }
  q q:after {
    content: "\201D"; }

abbr[title], acronym[title] {
  text-transform: uppercase;
  font-size: 10.8px;
  font-size: 0.675rem;
  cursor: help; }

abbr {
  text-transform: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding: 0; }

table {
  width: 100%;
  margin: 0 0 16px;
  margin:  0 0 1rem; }

caption {
  text-align: left;
  margin-bottom: 8px;
  margin-bottom: 0.5rem; }

th, td {
  padding: 8px 12px;
  padding:  0.5rem 0.75rem;
  text-align: left; }

tfoot {
  font-size: 11px;
  font-size: 0.6875rem; }

dfn {
  font-style: normal; }

/* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  .show-for-print {
    display: inherit !important; } }
label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  margin-bottom: 16px;
  margin-bottom: 1rem; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid;
  display: block;
  font-size: 12px;
  margin: 0 0 16px 0;
  margin:  0 0 1rem 0;
  padding: 8px 6px;
  padding:  0.5rem 0.375rem;
  width: 100%; }

[type="radio"],
[type="checkbox"] {
  margin: 0 12px 0 0;
  margin:  0 0.75rem 0 0; }

fieldset {
  border: solid 1px;
  padding: 16px 24px;
  padding:  1rem 1.5rem;
  margin: 0 0 16px;
  margin:  0 0 1rem; }
  fieldset legend {
    font-weight: bold; }
  fieldset ul {
    margin: 0; }
  fieldset li {
    list-style: none; }

@font-face {
  font-family: 'icomoon';
  src: url(../fonts/icomoon.eot);
  src: url(../fonts/icomoon.eot?#iefix) format("embedded-opentype"), url(../fonts/icomoon.woff) format("woff"), url(../fonts/icomoon.ttf) format("truetype"), url(../fonts/icomoon.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal; }

@media screen and (min-width: 21em) {
  body .main button, body .main .button, body .main [type="submit"], body .main [type="reset"], body .main .primary-cta a, .primary-cta body .main a, body .main .scroll-link a, .scroll-link body .main a, body .main .pagination-link {
    display: inline-block; } }
.button.animated-button {
  float: none;
  padding-right: 0;
  min-width: 0; }
  .button.animated-button .icon, .button.animated-button .icon-text {
    display: inline-block;
    vertical-align: middle; }
  .button.animated-button .icon-text {
    display: inline-block;
    max-width: 0;
    overflow: hidden;
    margin: 0;
    padding-left: 12px;
    padding-left: 0.75rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -webkit-transition: padding 0.4s ease;
    -moz-transition: padding 0.4s ease;
    transition: padding 0.4s ease; }
  .button.animated-button:hover .icon-text, .button.animated-button:focus .icon-text, .button.animated-button:active .icon-text {
    max-width: 50em;
    padding-right: 12px;
    padding-right: 0.75rem; }
  .button.animated-button.icon-after {
    padding-left: 0;
    padding-right: 12px;
    padding-right: 0.75rem; }

.tertiary-nav {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: -12px;
  margin: -0.75rem;
  margin-top: 16px;
  margin-top: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  @media screen and (min-width: 29em) {
    .tertiary-nav {
      margin: 0; } }
  .tertiary-nav ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  .tertiary-nav li {
    border-bottom: 1px solid;
    margin: 0; }
    .tertiary-nav li li a {
      padding: 0 0 0 12px;
      padding:  0 0 0 0.75rem; }
  .tertiary-nav a {
    display: block;
    text-decoration: none;
    line-height: 3.4;
    padding: 0 24px;
    padding:  0 1.5rem; }
  .tertiary-nav .wpy-accordion-header {
    outline: none; }
  .tertiary-nav .wpy-accordion-header-icon {
    float: right;
    line-height: 3.4;
    top: 18px;
    top: 1.125rem;
    right: 36px;
    right: 2.25rem; }
    .tertiary-nav .wpy-accordion-header-icon:after {
      content: "\e00c"; }
  .tertiary-nav .wpy-state-active .wpy-accordion-header-icon:after {
    content: "\e000"; }

.svg .png-to-svg {
  display: none; }

.mobile-hide {
  display: none; }
  @media screen and (min-width: 29em) {
    .mobile-hide {
      display: block; } }

@media screen and (min-width: 59em) {
  .desktop-hide {
    display: none !important; } }

@media screen and (min-width: 0em) and (max-width: 31em) {
  .branding-image {
    display: none; } }
@media screen and (min-width: 31em) {
  .branding-image {
    width: 100%; } }
img.adaptive, img.lazy {
  display: none; }

.stack-row [class*="columns-"], .stack-row .jive-author, .stack-row .jive-thread-post-body-container, .stack-row .jive-thread-reply-body-container {
  float: none;
  width: 100%; }
.stack-row [class*="push-"], .stack-row [class*="pull-"] {
  position: static; }

@media screen and (min-width: 0em) and (max-width: 59em) {
  .stack-row-special-case [class*="columns-"], .stack-row-special-case .jive-author, .stack-row-special-case .jive-thread-post-body-container, .stack-row-special-case .jive-thread-reply-body-container {
    float: none;
    width: 100%; } }
.medium-display, .large-display {
  display: none; }

.default-display {
  display: block; }

@media screen and (min-width: 45em) and (max-width: 59em) {
  .default-display {
    display: none; }

  .medium-display {
    display: block; } }
@media screen and (min-width: 59em) {
  .default-display {
    display: none; }

  .large-display {
    display: block; } }
h2[id*="section-"] {
  position: relative; }

.top-link {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.7em;
  text-decoration: none;
  padding-right: 1em; }
  @media screen and (min-width: 59em) {
    .top-link {
      display: none; } }
  .top-link:hover, .top-link:focus, .top-link:active {
    text-decoration: underline; }
  .top-link .icon {
    position: absolute;
    top: 0.35em;
    right: 0; }

.promos-top {
  display: none; }

.promos-bottom {
  display: block; }

@media screen and (min-width: 47em) {
  .promos-top {
    display: block; }
    .promos-top [class*="columns-"], .promos-top .jive-author, .promos-top .jive-thread-post-body-container, .promos-top .jive-thread-reply-body-container {
      float: none;
      width: 100%; }

  .promos-bottom {
    display: none; } }
.main {
  padding: 0 12px 0 12px;
  padding:  0 0.75rem 0 0.75rem;
  overflow: hidden; }

.tertiary-nav {
  margin: 0 0 32px 0;
  margin:  0 0 2rem 0; }
  .tertiary-nav a {
    padding: 0; }
    .tertiary-nav a:hover, .tertiary-nav a:focus, .tertiary-nav a:active {
      text-decoration: underline; }
    @media screen and (min-width: 44em) {
      .tertiary-nav a {
        line-height: 1.3;
        padding: 16px 0;
        padding:  1rem 0; } }
  .tertiary-nav li li a {
    margin: 16px 0;
    margin:  1rem 0; }
  .tertiary-nav .wpy-accordion-header-icon {
    line-height: inherit; }

.section-title {
  margin-bottom: 16px;
  margin-bottom: 1rem; }

@media screen and (min-width: 59em) {
  /*h2*/
  .section-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }
section, article {
  margin-bottom: 16px;
  margin-bottom: 1rem; }

 .button {
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid;
  display: inline-block;
  text-decoration: none;
  min-width: 100px;
  padding: 8px 12px;
  padding:  0.5rem 0.75rem;
  text-align: center;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  display: block;
  float: none; }
  button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, [type="submit"]:hover, [type="submit"]:focus, [type="submit"]:active, [type="reset"]:hover, [type="reset"]:focus, [type="reset"]:active {
    text-decoration: none;
    cursor: pointer; }
  button .icon, .button .icon, [type="submit"] .icon, [type="reset"] .icon {
    float: right;
    line-height: inherit; }

.button {
  margin-top: 16px;
  margin-top: 1rem; }


  /*alext2 fixing call to action buttons on gallery/intro/2013/intro text bottom*/
.promotion .button-container {
  clear:both;

}
.promotion .button-container .button{
  float:none;
  margin-top: 0px;
  margin-top: 0rem;
}
 .promotion p {
clear:both;
}



@media screen and (min-width: 21em)  {
  .button {
    margin-left: 24px;
    margin-left: 1.5rem;


    }

.button-container {
    float: right;
}

/*alext2: bit hacky below... seems needed though! */
.button-container .button {
    margin-top: 16px !important;
    margin-top: 1rem !important;
  }
  div.button-container:after {
    content: "";
    display: table;
    clear: both; }

    /*alext2 add this to the mobile view*/

    }

/*alext2: added the following to to make the buttons float right in the desktop view*/
@media screen and (min-width: 52em) {
.promotion .button-container {
  float:right;
}

}
/*alext2 endo of tailoring for t2 call to action*/

form {
  margin: 0 0 16px 0;
  margin:  0 0 1rem 0; }

abbr[title], acronym[title] {
  text-transform: none;
  font-size: 1em; }

b {
  font-weight: normal; }

.wpy-accordion-content {
  clear: both; }

.expandable-section .wpy-accordion-content h2 {
  display: none; }

.expandable-text-control {
  outline: none;
  cursor: pointer;
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  .expandable-text-control:hover, .expandable-text-control:focus, .expandable-text-control:active {
    text-decoration: underline; }
  .expandable-text-control .icon {
    float: right; }
  .expandable-text-control .icon-text {
    margin: 0; }

h1 {
  margin-bottom: 10px;
  margin-bottom: 0.625rem; }

h3, .gamma, fieldset legend, h4, .delta, .copyright-info h2, .photographers-details .teaser-title, .js-lightshow-thumbnail-slider .text h2, h5, .epsilon, h6, .zeta {
  margin-bottom: 4px;
  margin-bottom: 0.25rem; }

figure {
  margin: 0; }

hr {
  clear: both; }

p:after {
  content: "";
  display: table;
  clear: both; }

fieldset {
  border: none;
  padding: 0; }
  fieldset legend {
    margin-bottom: 8px;
    margin-bottom: 0.5rem; }

label {
  margin: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
  width: 100%;
  max-width: 600px;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;  }

.wpy-accordion-header-icon, .icon, .ui-accordion-header-icon {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-text {
  margin-left: 12px;
  margin-left: 0.75rem; }
  .icon-after .icon-text {
    margin: 0 12px 0 0;
    margin:  0 0.75rem 0 0; }

.link-list {
  padding: 0;
  margin: 0;
  list-style: none; }
  .link-list li {
    margin: 0; }

.image-list {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 16px 0;
  margin:  1rem 0; }
  .image-list:after {
    content: "";
    display: table;
    clear: both; }
  .image-list li {
    width: 33.33333%;
    height: 33.33333%;
    max-width: 80px;
    float: left;
    margin: 0;
    padding-right: 12px;
    padding-right: 0.75rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .image-list li:nth-child(4) {
    clear: left; }
  .image-list a {
    display: block; }

.media-player {
  margin-bottom: 16px;
  margin-bottom: 1rem; }

.blog-post-top {
  margin-bottom: 16px;
  margin-bottom: 1rem; }

.page-buttons {
  margin-top: 16px;
  margin-top: 1rem; }
  .page-buttons .button {
    float: left;
    margin-left: 0; }
  .page-buttons .icon-after {
    float: right; }

h1 + .meta-data, h2 + .meta-data, h3 + .meta-data, h4 + .meta-data, h5 + .meta-data, h6 + .meta-data {
  margin-top: -2px;
  margin-top: -0.125rem; }
.meta-data + .meta-data {
  margin-top: -1em; }

.teaser-link {
  display: block;
  text-decoration: none; }
  .teaser-link:after {
    content: "";
    display: table;
    clear: both; }
  .teaser-link * {
    margin-bottom: 0; }
  .teaser-link .section-title {
    margin-bottom: 16px;
    margin-bottom: 1rem; }
  .horizontal-teasers .teaser-link .teaser-image {
    max-width: 25%;
    float: left;
    margin: 0 24px 0 0;
    margin:  0 1.5rem 0 0;
    margin-bottom: 0.5em; }
  .horizontal-teasers .teaser-link .teaser-text {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.paged-items a.teaser-link .teaser-title, .paged-items a.teaser-link:hover .teaser-title, .paged-items a.teaser-link:focus .teaser-title, .paged-items a.teaser-link:active .teaser-title {
  text-decoration: underline;
}

a.teaser-link:hover .teaser-title, a.teaser-link:focus .teaser-title, a.teaser-link:active .teaser-title {
  text-decoration: underline;
}



.teaser-image {
  margin-bottom: 8px;
  margin-bottom: 0.5rem; }

.teaser-title {
  margin-bottom: 0; }

.teaser-text {
  padding-bottom: 16px;
  padding-bottom: 1rem; }
  .teaser-text h3 {
    margin-bottom: 2px;
    margin-bottom: 0.5rem; }


@media screen and (min-width: 21em) and (max-width: 59em) {
  .teaser-link .teaser-image {
    max-width: 25%;
    float: left;
    margin: 0 24px 0 0;
    margin:  0 1.5rem 0 0;
    margin-bottom: 0.5em; }
  .teaser-link .teaser-text {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (min-width: 0em) and (max-width: 31em) {
  .extend-vertical .teaser-image {
    max-width: 100%;
    float: none; } }
.horizontal-teasers .lead-teaser {
  padding-bottom: 16px;
  padding-bottom: 1rem;
  border-bottom: 1px solid; }
  .horizontal-teasers .lead-teaser .teaser-image {
    max-width: 50%;
    float: right;
    margin: 0 0 0 24px;
    margin:  0 0 0 1.5rem;
    margin-bottom: 0.5em; }

.no-js .banner img {
  margin-bottom: 16px;
  margin-bottom: 1rem; }
.no-js .winners-carousel .mutable-slider-container {
  max-width: 400px; }
  .no-js .winners-carousel .mutable-slider-container .mutable-slider {
    padding: 0; }

.image-detail {
  line-height: 1.5; }

.no-js .above-nav-search {
  display: none; }

@media screen and (min-width: 59em) and (max-width: 91em) {
  .site-header .columns-2, .site-header .jive-author {
    width: 25%; }
  .site-header .columns-10, .site-header .jive-thread-post-body-container, .site-header .jive-thread-reply-body-container {
    width: 75%; } }
@media screen and (min-width: 0em) and (max-width: 59em) {
  .site-header [class*="columns-"], .site-header .jive-author, .site-header .jive-thread-post-body-container, .site-header .jive-thread-reply-body-container {
    float: none;
    width: 100%; }
  .site-header [class*="push-"], .site-header [class*="pull-"] {
    position: static; } }
.site-header a {
  display: inline-block; }

.site-header {
  position: relative;
  z-index: 10;
  max-width: 100%;
  width: 100%;
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  .site-header:after {
    content: "";
    display: table;
    clear: both; }
  .site-header nav {
    letter-spacing: 1.2px; }
  .site-header .logo-outer {
    display: block; }
    @media screen and (min-width: 59em) {
      .site-header .logo-outer {
        text-align: center; } }
    .site-header .logo-outer h1 {
      margin: 0; }

.site-search {
  margin: 16px 24px;
  margin:  1rem 1.5rem;
  border: 1px solid;
  position: relative;
  padding: 0; }

.above-nav-search {
  border-top: 1px solid; }

.above-nav-search {
  display: block; }

.in-nav-search {
  display: none; }

@media screen and (min-width: 59em) {
  .above-nav-search {
    display: none; }

  .in-nav-search {
    display: block; } }
@media screen and (min-width: 0em) and (max-width: 59em) {
  .above-nav-search .search-holder {
    display: block !important; } }
@media screen and (min-width: 59em) {
  .search-holder {
    position: absolute;
    z-index: 2;
    min-width: 292px;
    margin-top: 1px;
    right: 0;
    border: 1px solid;
    border-top: none; } }
.header-navigation {
  -webkit-font-smoothing: antialiased;
  padding: 0; }
  .header-navigation ul {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    list-style: none; }
    .header-navigation ul ul {
      text-transform: none; }
      @media screen and (min-width: 59em) {
        .header-navigation ul ul {
          position: absolute;
          z-index: 1;
          width: 100%;
          list-style: none; } }
      @media screen and (min-width: 29em) {
        .header-navigation ul ul li {
          width: auto;
          float: none; } }
      @media screen and (min-width: 29em) {
        .header-navigation ul ul a {
          line-height: 1.3;
          padding: 16px 36px;
          padding:  1rem 2.25rem; } }
  .header-navigation li {
    border-top: 1px solid #3b3b3b;
    position: relative;
    margin: 0; }
    /*alext2 uncommented width: calc(15.6666666667% - 1px); to hide the search icon*/
    @media screen and (min-width: 59em) {
      .header-navigation li {
        width: 14%;
        width: calc(15.6666666667% - 1px);
        float: left; }
        .header-navigation li.in-nav-search {
          width: calc(6% - 1px); }
          .header-navigation li.in-nav-search .icon {
            font-size: 1.5em;
            position: relative;
            top: 0.2em; }
          .header-navigation li.in-nav-search .icon-text {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px; }
        .header-navigation li li {
          width: auto; } }
  .header-navigation a {
    display: block;
    text-decoration: none;
    line-height: 3.4;
    padding: 0 24px;
    padding:  0 1.5rem; }
    @media screen and (min-width: 59em) {
      .header-navigation a {
        text-align: center;
        padding: 0;
        line-height: 70px;
        line-height: 4.375rem; } }

@media screen and (min-width: 59em) {
  .site-navigation ul ul {
    display: none !important; }

  .separate-sub-nav {
    display: block;
    clear: both; }
    .separate-sub-nav ul {
      text-transform: none;
      text-align: center; }
      .separate-sub-nav ul ul {
        position: absolute;
        z-index: 1;
        width: 100%; }
    .separate-sub-nav li {
      width: 24%;
      width: calc(25% - 1px);
      border-left: 1px solid;
      float: left; }
      .separate-sub-nav li:first-child {
        border-left: none; }
      .separate-sub-nav li li {
        width: auto;
        float: none;
        border: none; }
    .separate-sub-nav a {
      line-height: 3.4; }
    .separate-sub-nav .icon-after {
      position: relative; }
      .separate-sub-nav .icon-after .icon-text {
        margin: 0; }
      .separate-sub-nav .icon-after .icon {
        position: absolute;
        right: 0; } }
@media screen and (min-width: 59em) {
  ul.secondary-nav {
    display: none !important; } }
.separate-sub-nav {
  display: none; }
  .separate-sub-nav ul.secondary-nav {
    display: block !important; }

.secondary-nav .icon {
  font-size: 12px;
  font-size: 0.75rem;
  float: right;
  margin-top: 13px;
  margin-top: 0.8125rem;
  margin-right: 24px;
  margin-right: 1.5rem; }
  @media screen and (min-width: 0em) and (max-width: 59em) {
    .secondary-nav .icon {
      display: none; } }
.secondary-nav li .duplicate-link {
  display: none; }

@media screen and (min-width: 59em) {
  .separate-sub-nav {
    border-top: 1px solid; }
    .separate-sub-nav li {
      border-top: none; }

  .gallery-page .gallery-nav {
    display: block; }
    .gallery-page .gallery-nav .duplicate-link {
      display: none; }
  .gallery-page .separate-sub-nav li {
    width: 24%;
    width: calc(25% - 1px); }
    .gallery-page .separate-sub-nav li li {
      width: 100%; }
    .gallery-page .button {
    	background-color: #ffffff;
    	color: #000000;
    	text-decoration: none;
    }
    .gallery-page .button:hover {
    	text-decoration: underline;
    }

  .competition-page .competition-nav {
    display: block; }
  .competition-page .separate-sub-nav li {
    width: 24%;
    width: calc(25% - 1px); }
    .competition-page .separate-sub-nav li li {
      width: 100%; }

  .visit-page .visit-nav {
    display: block; }
  .visit-page .separate-sub-nav li {
    width: 32.333333%;
    width: calc(33.333333% - 1px); }
    .visit-page .separate-sub-nav li li {
      width: 100%; }

  .community-page .community-nav {
    display: block; }
  .community-page .separate-sub-nav li {
    width: 32.333333%;
    width: calc(33.333333% - 1px); }
    .community-page .separate-sub-nav li li {
      width: 100%; }

  .about-page .about-nav {
    display: block; }
  .about-page .separate-sub-nav li {
    width: 15.66666667%;
    width: calc(16.66666667% - 1px); }
    .about-page .separate-sub-nav li li {
      width: 100%; } }
.dropdown-control {
  position: absolute;
  top: 26px;
  top: 1.625rem;
  right: 12px;
  right: 0.75rem;
  cursor: pointer; }
  .dropdown-control:hover, .dropdown-control:focus, .dropdown-control:active {
    outline: none; }
  .dropdown-control .icon {
    font-size: 1.2em; }
  .dropdown-control .wpy-accordion-header-icon {
    display: none; }

.site-navigation .wpy-accordion-header-icon, .in-page-nav .wpy-accordion-header-icon, .site-navigation .ui-accordion-header-icon, .in-page-nav .ui-accordion-header-icon {
  position: absolute;
  right: 20px;
  right: 1.25rem;
  top: 16px;
  top: 1rem;
  width: 20px;
  text-align: center; }
  @media screen and (min-width: 59em) {
    .site-navigation .wpy-accordion-header-icon, .in-page-nav .wpy-accordion-header-icon, .site-navigation .ui-accordion-header-icon, .in-page-nav .ui-accordion-header-icon {
      display: none; } }
  .site-navigation .wpy-accordion-header-icon:after, .in-page-nav .wpy-accordion-header-icon:after, .site-navigation .ui-accordion-header-icon:after, .in-page-nav .ui-accordion-header-icon:after {
    content: "\e003"; }
.site-navigation .wpy-state-active .wpy-accordion-header-icon:after, .in-page-nav .wpy-state-active .wpy-accordion-header-icon:after, .site-navigation .ui-state-active .ui-accordion-header-icon:after, .in-page-nav .ui-state-active .ui-accordion-header-icon:after {
  content: "\e007"; }

@media screen and (min-width: 47em) {
  .in-page-nav, .top-link {
    display: none; } }
.in-page-nav {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  text-align: left;
  border-bottom: 1px solid;
  margin-left: -12px;
  margin-left: -0.75rem;
  margin-right: -12px;
  margin-right: -0.75rem; }
  .in-page-nav h2 {
    position: relative;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    cursor: pointer;
    margin: 0;
    padding: 16px 24px;
    padding:  1rem 1.5rem; }
    .in-page-nav h2:hover, .in-page-nav h2:focus, .in-page-nav h2:active {
      outline: none;
      text-decoration: underline; }
    .in-page-nav h2 .wpy-accordion-header-icon {
      top: 18px;
      top: 1.125rem;
      right: 12px;
      right: 0.75rem; }
      .in-page-nav h2 .wpy-accordion-header-icon:after {
        content: "\e00c"; }
    .in-page-nav h2.wpy-state-active .wpy-accordion-header-icon:after {
      content: "\e000"; }
  .in-page-nav ul {
    margin: 0; }
  .in-page-nav li {
    border-top: 1px solid;
    margin: 0; }
  .in-page-nav a {
    display: block;
    text-align: left;
    text-decoration: none;
    line-height: 3.4;
    padding-left: 24px;
    padding-left: 1.5rem;
    padding-right: 24px;
    padding-right: 1.5rem; }
    @media screen and (min-width: 59em) {
      .in-page-nav a {
        line-height: 5.8; } }

.site-footer {
  position: relative;
  min-width: 292px;
  line-height: 1.45454545; }
  .site-footer:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 0em) and (max-width: 53em) {
    .site-footer {
      padding: 0; } }
  @media screen and (min-width: 89em) {
    .site-footer {
      padding-bottom: 8px;
      padding-bottom: 0.5rem; } }
  .site-footer a {
    display: block;
    text-decoration: none;
    line-height: 4; }
    @media screen and (min-width: 41em) {
      .site-footer a {
        line-height: 1.4545454545; } }
    .site-footer a:hover, .site-footer a:focus, .site-footer a:active {
      text-decoration: underline; }

.sponsors {
  display: none;
  text-align: center;
  border-bottom: 1px solid;
  margin: 0;
  margin-left: -12px;
  margin-left: -0.75rem;
  margin-right: -12px;
  margin-right: -0.75rem; }
  .sponsors:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 45em) {
    .sponsors {
      border: none;
      float: left;
      margin: 0; } }
  .sponsors .sponsor {
    line-height: 4;
    border: none;
    display: block;
    float: left;
    width: 50%; }
    .sponsors .sponsor img {
      display: inline-block;
      max-height: 35px; }
    .sponsors .sponsor:hover, .sponsors .sponsor:focus, .sponsors .sponsor:active {
      -webkit-filter: brightness(1.8);
      filter: brightness(1.8); }
    @media screen and (min-width: 45em) {
      .sponsors .sponsor {
        width: auto;
        margin-left: 24px;
        margin-left: 1.5rem;
        margin-right: 24px;
        margin-right: 1.5rem; } }


.social-newsletter {
	padding: 0 0 0 0.5rem;
}
@media screen and (min-width: 41em) {
  .social-newsletter {
    float: right;
    height: 47px;
    height: 2.9375rem; }
    .social-newsletter:after {
      content: "";
      display: table;
      clear: both; } }

.social-links {
  padding: 0;
  margin: 0;
  list-style: none;
  vertical-align: baseline;
  font-size: 14.4px;
  font-size: 0.9rem;
  padding: 8px 0;
  padding:  0.5rem 0;
  text-align: left;
  clear: both;
  display: block; }
  @media screen and (min-width: 41em) {
    .social-links {
      width: auto;
      float: none;
      display: inline-block;
      position: absolute;
      top: -3px;
      top: -0.1875rem;
      right: 171px;
      right: 10.6875rem; } }
  .social-links ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .social-links ul:after {
      content: "";
      display: table;
      clear: both; }
  .social-links li {
    display: inline-block;
    margin: 0; }
  .social-links a {
    line-height: 1;
    border: none;
    display: block;
    padding: 0 6px;
    padding:  0 0.375rem; }
    .social-links a:hover, .social-links a:focus, .social-links a:active {
      text-decoration: none; }
    @media screen and (min-width: 14em) {
      .social-links a {
        padding: 0 12px;
        padding:  0 0.75rem 0 1rem; } }
    @media screen and (min-width: 29em) {
      .social-links a {
        padding: 0 24px;
        padding:  0 1.5rem; } }
    @media screen and (min-width: 36em) {
      .social-links a {
        padding: 0 6px;
        padding:  0 0.375rem;
        position: relative;
        top: 4px;
        top: 0.25rem; } }
  .social-links .icon {
    font-size: 1.5em;
    cursor: pointer; }

.newsletter-signup {
  padding: 8px 12px 8px;
  padding:  0.5rem 0.75rem 0.5rem;
  text-align: left;
  margin-bottom: 0; }
  .newsletter-signup:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 41em) {
    .newsletter-signup {
      float: none;
      width: auto;
      display: inline-block;
      border-top: 0; } }
  .newsletter-signup .button {
    float: none;
    display: inline-block;
    line-height: 1.5;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0 !important; }
    @media screen and (min-width: 36em) {
      .newsletter-signup .button {
        border: 1px solid; } }
    .newsletter-signup .button:hover, .newsletter-signup .button:focus, .newsletter-signup .button:active {
      text-decoration: none; }
    @media screen and (min-width: 23em) {
      .newsletter-signup .button {
        max-width: 180px;
        max-width: 11.25rem; } }
  .newsletter-signup .button:hover {
    background: transparent !important; }
    .newsletter-signup .button:hover .icon-text {
      text-decoration: underline !important; }
  .newsletter-signup .icon, .newsletter-signup .icon-text {
    display: inline-block;
    vertical-align: middle; }
  .newsletter-signup .icon {
    font-size: 2em;
    float: none; }
    @media screen and (min-width: 36em) {
      .newsletter-signup .icon {
        font-size: 1.5em; } }

.links-copyright-info {
  clear: both;
  padding: 8px 24px;
  padding:  0.5rem 1.5rem 0.5rem 2.5rem; }
  .links-copyright-info:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 48em) {
  	.links-copyright-info {
  		padding-left: 2.5rem;
  	}
  }
  @media screen and (min-width: 51em) {
    .links-copyright-info {
      padding-top: 0; } }

  @media screen and (min-width: 64em) {
  	.links-copyright-info {
  		padding-left: 1.8rem;
  	}
  }
/*ul*/
.site-links {
  position: static;
  top: 15px;
  top: 0.9375rem;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-left: -12px;
  margin-left: -0.75rem;
  margin-right: -12px;
  margin-right: -0.75rem;
  clear: none;
  float: left;
  border: none; }
  .site-links:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 41em) {
    .site-links {
      width: 350px;
      width: 21.875rem;
      position: absolute;
      top: 8px;
      top: 0.5rem;
      left: 9px;
      left: 1.3rem; } }
  @media screen and (min-width: 49em) {
    .site-links {
      top: 15px;
      top: 0.9375rem;
      width: auto;
      left: 18px;
      left: 1.125rem; } }
  @media screen and (min-width: 64em) {
  	.site-links {
  		left: 1.5rem;
  	}
  }
  .site-links li {
    float: left;
    width: 50%; }
    .site-links li:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (min-width: 41em) {
      .site-links li {
        width: auto; } }
  @media screen and (min-width: 41em) {
    .site-links a {
      border-right: 1px;
      padding: 0 12px;
      padding:  0 0.75rem; } }
  .site-links .icon, .site-links .icon-text {
    display: block;
    float: left;
    line-height: 4; }
  @media screen and (min-width: 41em) {
    .site-links .icon {
      display: none; } }
  .site-links .icon-text {
    margin-left: 6px;
    margin-left: 0.375rem; }
    @media screen and (min-width: 41em) {
      .site-links .icon-text .icon-text {
        margin: 0; } }

.copyright {
  margin: 0;
  margin-left: -12px;
  margin-left: -0.75rem;
  margin-right: -12px;
  margin-right: -0.75rem;
  padding: 8px 24px;
  padding:  0.5rem 1.5rem;
  padding: 0;
  clear: both; }
  @media screen and (min-width: 49em) {
    .copyright {
      border: none;
      clear: none;
      float: left; } }
  @media screen and (min-width: 51em) {
    .copyright {
      text-indent: 12px;
      text-indent: 0.75rem; } }

.site-info {
  border-top: 0;
  margin: 0;
  padding-top: 0 !important;
  margin-left: -12px;
  margin-left: -0.75rem;
  margin-right: -24px;
  margin-right: -1.5rem;
  padding: 8px 24px;
  padding:  0.5rem 1.5rem;
  padding-left: 0 !important;
  clear: both;
  float: left; }
  @media screen and (min-width: 51em) {
    .site-info {
      border: none;
      float: right;
      clear: none; } }


.slides,
.flex-control-nav,
.flex-direction-nav {
  padding: 0;
  margin: 0;
  list-style: none; }

.flexslider .slides > li {
  position: relative;
  padding: 0;
  list-style-position: outside; }

.flexslider .image-detail {
  padding: 0 5px;
}
.winners-carousel .flexslider {
  padding: 0 -5px;
}

/* Clearfix for the .slides element */
.flexslider {
  position: relative;
  zoom: 1; }
  .flexslider li {
    margin: auto; }
  .flexslider img {
    width: 100%; }

.touch .flex-direction-nav {
  display: block; }
.flex-direction-nav li {
  padding: 0; }
.flex-direction-nav a {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: block;
  overflow: hidden;
  height: 60px;
  width: 20px;
  margin-top: -33px; }
  @media screen and (min-width: 29em) {
    .flex-direction-nav a {
      height: 90px;
      width: 33px;
      margin-top: -45px; } }
  @media screen and (min-width: 59em) {
    .flex-direction-nav a {
      height: 120px;
      width: 40px;
      margin-top: -60px; } }
  .flex-direction-nav a:before, .flex-direction-nav a span {
    text-align: center;
    display: block;
    cursor: pointer;
    font-size: 14.4px;
    line-height: 60px;
    width: 100%; }
    @media screen and (min-width: 29em) {
      .flex-direction-nav a:before, .flex-direction-nav a span {
        font-size: 18px;
        line-height: 90px; } }
    @media screen and (min-width: 59em) {
      .flex-direction-nav a:before, .flex-direction-nav a span {
        line-height: 120px; } }
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
  text-decoration: none; }
.flex-direction-nav .flex-prev {
  left: 0; }
.flex-direction-nav .flex-next {
  right: 0; }
.flex-direction-nav .flex-disabled {
  display: none; }

.flex-control-nav {
  position: absolute;
  top: 0;
  padding: 16px 0;
  padding:  1rem 0;
  width: 100%;
  text-align: center;
  display:none; }
  .flex-control-nav li {
    margin: 0 24px 0 0;
    margin:  0 1.5rem 0 0;
    padding: 0;
    display: inline-block; }
    .flex-control-nav li:last-child {
      margin: 0; }

.flex-control-paging li a {
  text-indent: 100%;
  overflow: hidden;
  width: 8px;
  height: 8px;
  display: block;
  cursor: pointer;
  border-radius: 16px; }
  .flex-control-paging li a.flex-active {
    cursor: default; }

.flex-control-paging {
  padding: 4px 0;
  padding:  0.25rem 0; }
  .flex-control-paging li a {
    opacity: 0.5; }
    .flex-control-paging li a:hover {
      opacity: 0.8; }
    .flex-control-paging li a.flex-active {
      opacity: 0.8; }

.photo-journal-slider .flex-control-paging li:first-child a {
  opacity: 1;
  text-indent: 0;
  border-radius: 0;
  width: auto;
  height: auto;
  font-size: 12px;
  line-height: 12px;
  position: relative;
  top: 2px;
  cursor: pointer; }
.photo-journal-slider .flex-control-paging li:first-child .icon {
  box-shadow: none; }

.flexslider-controls {
  width: 100%;
  position: absolute;
  text-align: center;
  bottom: 10px;
  bottom: 0.625rem; }
  .flexslider-controls .flex-control-nav {
    position: static; }
  .flexslider-controls .flex-control-nav, .flexslider-controls .flex-pauseplay {
    display: inline-block;
    font-size: 8px;
    font-size: 0.5rem; }
  .flexslider-controls .flex-control-nav {
    width: auto; }
  .flexslider-controls .flex-pauseplay a {
    text-decoration: none;
    margin-left: 24px;
    margin-left: 1.5rem;
    cursor: pointer; }
  .flexslider-controls .flex-pauseplay .icon-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

.mutable-slider .flex-control-nav {
  position: static; }

.thumbnail-slider .teaser-text {
  display: none; }

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
  width: auto;
  margin-right: 30px;
  overflow: hidden; }

.mCSB_container.mCS_no_scrollbar {
  margin-right: 0; }

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
  margin-right: 30px; }

.mCustomScrollBox > .mCSB_scrollTools {
  width: 16px;
  height: 100%;
  top: 0;
  right: 0; }

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 16px;
  top: 1rem;
  left: 0;
  bottom: 16px;
  bottom: 1rem;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: relative;
  height: 20px;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  top: 100%;
  margin-top: -40px; }

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container {
  height: auto;
  margin-right: 0;
  margin-bottom: 30px;
  overflow: hidden; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-bottom: 0; }

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
  width: 100%;
  height: 16px;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  overflow: hidden; }

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
  width: 30px;
  height: 100%; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  display: block;
  position: relative;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  float: left; }

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  margin-left: -40px;
  float: right; }

.mCustomScrollBox {
  -ms-touch-action: none;
  /*MSPointer events - direct all pointer events to js*/ }

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */ }

.mCustomScrollBox:hover > .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
  */ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
  */ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
  sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
  */ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
  sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
  */ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
  /* old ie */ }

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.15); }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75); }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9); }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/*light-2*/
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85); }

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9); }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/*dark-2*/
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9); }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/*light-thick*/
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85); }

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9); }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/*dark-thick*/
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/*light-thin*/
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1); }

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/*dark-thin*/
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%; }

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

.jive-thread-content-block-container {
  line-height: 1.3; }

.jive-content-block-container:after {
  content: "";
  display: table;
  clear: both; }

.jive-box-controls form {
  max-width: 400px;
  margin: 16px 0 0;
  margin:  1rem 0 0; }
  .jive-box-controls form:after {
    content: "";
    display: table;
    clear: both; }
  .jive-box-controls form label, .jive-box-controls form select {
    display: block;
    float: left;
    max-width: 80px; }
  .jive-box-controls form select {
    max-width: 150px;
    margin: 0 24px 0 0;
    margin:  0 1.5rem 0 0; }
.jive-box-controls .jive-pagination {
  clear: both;
  display: block;
  margin: 16px 0;
  margin:  1rem 0; }
  @media screen and (min-width: 34em) {
    .jive-box-controls .jive-pagination {
      float: right; } }
  .jive-box-controls .jive-pagination .jive-pagination-numbers, .jive-box-controls .jive-pagination .jive-pagination-prevnext {
    text-align: center; }
    .jive-box-controls .jive-pagination .jive-pagination-numbers a, .jive-box-controls .jive-pagination .jive-pagination-numbers span, .jive-box-controls .jive-pagination .jive-pagination-prevnext a, .jive-box-controls .jive-pagination .jive-pagination-prevnext span {
      margin: 0 24px 0 0;
      margin:  0 1.5rem 0 0; }
      @media screen and (min-width: 34em) {
        .jive-box-controls .jive-pagination .jive-pagination-numbers a, .jive-box-controls .jive-pagination .jive-pagination-numbers span, .jive-box-controls .jive-pagination .jive-pagination-prevnext a, .jive-box-controls .jive-pagination .jive-pagination-prevnext span {
          margin: 0 0 0 24px;
          margin:  0 0 0 1.5rem; } }
  .jive-box-controls .jive-pagination .jive-pagination-prev:before, .jive-box-controls .jive-pagination .jive-pagination-prev-none:before {
    content: "";
    display: inline-block;
    margin-right: 12px;
    margin-right: 0.75rem;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #bebebe;
    border-left: 0; }
  .jive-box-controls .jive-pagination .jive-pagination-next:after, .jive-box-controls .jive-pagination .jive-pagination-prev-next:after {
    content: "";
    display: inline-block;
    margin-left: 12px;
    margin-left: 0.75rem;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #bebebe;
    border-right: none; }

.jive-table {
  clear: both; }

@media screen and (min-width: 0em) and (max-width: 34em) {
  .jive-table thead {
    height: 0;
    overflow: hidden; }
  .jive-table table, .jive-table thead, .jive-table tbody, .jive-table th, .jive-table td, .jive-table tr {
    display: block; }
  .jive-table .jive-table-cell-avatar, .jive-table .jive-table-cell-type {
    display: none; }
  .jive-table tr {
    border: 1px solid #3b3b3b;
    border-width: 1px 1px 0;
    margin-bottom: 8px;
    margin-bottom: 0.5rem; }
    .jive-table tr:nth-child(2n) {
      background: #333333;
      border-color: #6e6e6e; }
      .jive-table tr:nth-child(2n) td {
        border-color: #6e6e6e; }
  .jive-table td {
    position: relative;
    border-color: #3b3b3b;
    border-width: 0 0 1px 0;
    padding: 8px 12px;
    padding:  0.5rem 0.75rem;
    padding-left: 45%; }
    .jive-table td:before {
      position: absolute;
      left: 12px;
      left: 0.75rem;
      width: 45%;
      white-space: nowrap;
      font-weight: bold;
      color: white; }

  td.jive-table-cell-author:before {
    content: "Author"; }

  td.jive-table-cell-subject:before {
    content: "Subject"; }

  td.jive-table-cell-views:before {
    content: "Views"; }

  td.jive-table-cell-replies:before {
    content: "Replies"; }

  td.jive-table-cell-modified:before {
    content: "Last Post"; } }
.jive-table-cell-avatar, .jive-table-cell-type {
  min-width: 30px; }

.jive-table-cell-modified {
  min-width: 100px; }
  .jive-table-cell-modified a, .jive-table-cell-modified span {
    display: block; }

#jive-body-intro-content {
  line-height: 1.3; }

.jive-thread-info {
  border: 1px solid #3b3b3b;
  color: white;
  padding: 16px 24px;
  padding:  1rem 1.5rem;
  margin: 16px 0;
  margin:  1rem 0; }
  .jive-thread-info strong {
    margin-right: 12px;
    margin-right: 0.75rem; }

.jive-thread-post {
  margin: 0 !important;
  border-bottom: 1px solid #fff;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding: 16px 0;
  padding:  1rem 0; }

.jive-thread-reply:after {
  content: "";
  display: table;
  clear: both; }

.jive-discussion-replies {
  padding: 16px 0;
  padding:  1rem 0; }
  .jive-discussion-replies:after {
    content: "";
    display: table;
    clear: both; }
  .jive-discussion-replies li:after {
    content: "";
    display: table;
    clear: both; }

.jive-thread-reply-subject {
  margin-bottom: 16px;
  margin-bottom: 1rem; }

.jive-thread-messages {
  line-height: 1.3; }
  .jive-thread-messages ul, .jive-thread-messages ul ul, .jive-thread-messages ul ul ul {
    list-style: none; }

.jive-thread-message {
  border-bottom: 1px solid #3b3b3b;
  padding-bottom: 16px;
  padding-bottom: 1rem; }
  .jive-thread-message:after {
    content: "";
    display: table;
    clear: both; }

.jive-author {
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  @media screen and (min-width: 45em) {
    .jive-author {
      text-align: center; } }
  .jive-author .jive-author-avatar-container {
    display: inline-block;
    background: #eee;
    padding: 8px 12px;
    padding:  0.5rem 0.75rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    text-align: center; }
  .jive-author .jive-avatar {
    display: block; }

.jive-thread-post-body-container, .jive-thread-reply-body-container {
  line-height: 1.3; }
  .jive-thread-post-body-container .jive-attachments ul li a, .jive-thread-reply-body-container .jive-attachments ul li a {
    margin-right: 12px;
    margin-right: 0.75rem; }
  .jive-thread-post-body-container img, .jive-thread-reply-body-container img {
    margin-bottom: 16px;
    margin-bottom: 1rem; }

.jive-thread-post-details ul, .jive-content-controls ul {
  float: right; }

.jive-content-controls {
  text-align: right; }

#jive-thread-reply-footer {
  text-align: right;
  float: right;
  margin-bottom: 16px;
  margin-bottom: 1rem; }

.jive-discussion-indent-1 {
  padding-left: 10px;
  position: relative;
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  .jive-discussion-indent-1:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 20px;
    left: -15px;
    margin-left: 12px;
    margin-left: 0.75rem;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #bebebe;
    border-right: none; }

/* Taken wholesale from http://www.nhm.ac.uk/natureplus/4.5.6/styles/jive-icons.css - just changed image urls */
/***************************************************************************************************************/
/* Things that might be sprited */
.jive-icon-plus,
.jive-icon-minus {
  /* edit widget layouts, leave before standard sprites */
  background-repeat: no-repeat;
  background-position: 0;
  padding: 2px 0 2px 20px; }

/* ===========
icons are spaced evenly, so x & y position numbers should almost always be the following:
 16px  80px   144px  208px  272px  336px  400px  464px  528px  592px  656px  720px
784px  848px  912px  976px 1040px 1104px 1168px 1232px 1296px 1360px 1424px
============== */
/* START of standard sprite grouping */
.jive-icon-sml,
.jive-icon-med,
.jive-icon-big {
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  float: left;
  padding: 0; }

.jive-icon-sml {
  background-image: url(../images/forum-icons/jive-icon-sprites-sml.png);
  height: 12px;
  width: 12px;
  margin: -1px 3px 0 0; }

.jive-icon-tiny {
  height: 10px;
  width: 10px; }

.jive-icon-med {
  background-image: url(../images/forum-icons/jive-icon-sprites-med.png);
  height: 16px;
  width: 17px;
  margin: -1px 4px 0 0; }

.jive-icon-big {
  background-image: url(../images/forum-icons/jive-icon-sprites-big.png);
  height: 25px;
  width: 25px;
  margin: 0 6px 0 0; }

/* images for inline sprites */
img.jive-icon-sml,
img.jive-icon-med,
img.jive-icon-big {
  border: 0 none;
  float: none;
  display: inline;
  vertical-align: middle;
  margin-right: 0; }

img.jive-icon-sml {
  /*empty */ }

img.jive-icon-med {
  width: 16px; }

img.jive-icon-big {
  /*empty */ }

/* inline-block for links containing icons (so we don't have to use the img tag any more) */
.j-inline-link {
  display: inline-block; }

/* rules for content ratings */
.jive-content-userrating .jive-icon-med,
.jive-content-avgrating .jive-icon-med,
.jive-content-avgrating-score .jive-icon-med,
.jive-comment-userrating-score .jive-icon-med {
  width: 16px;
  margin: 0; }

/* individual sprite positions */
.jive-icon-add {
  background-position: -976px -80px; }

.jive-icon-addressbook {
  background-position: -720px -848px; }

.jive-icon-admin {
  background-position: -80px -1040px; }

.jive-icon-admin-theming {
  background-position: -144px -1040px; }

.jive-icon-announcement {
  background-position: -16px -272px; }

.jive-icon-approvals {
  background-position: -464px -528px; }

.jive-icon-arrow-generic-down {
  background-position: -272px -1104px; }

.jive-icon-archive, .jive-icon-unarchive {
  background-position: -208px -400px; }

.jive-icon-arrow-generic-up {
  background-position: -208px -1104px; }

.jive-icon-arrow-select {
  background-position: -64px -1104px; }

.jive-icon-arrow-top {
  background-position: -336px -1104px; }

.jive-icon-attachment {
  background-position: -528px -656px; }

.jive-icon-blog, .jive-icon-blogpost {
  background-position: -16px -144px; }

.jive-icon-blog-bookmark {
  background-position: -336px -144px; }

.jive-icon-blog-comment {
  background-position: -272px -144px; }

.jive-icon-blog-draft {
  background-position: -464px -144px; }

.jive-icon-blog-manage {
  background-position: -400px -144px; }

.jive-icon-blog-manage-posts {
  background-position: -528px -144px; }

.jive-icon-blog-trackbacks {
  background-position: -592px -144px; }

.jive-icon-bookmark {
  background-position: -16px -784px; }

.jive-icon-bookmark-private {
  background-position: -1168px -656px; }

/* same as content-private */
.jive-icon-bookmark-ribbon {
  background-position: -144px -784px; }

.jive-icon-bookmark-ribbon-grey {
  background-position: -208px -784px; }

.jive-icon-bookmark-ribbonaction {
  background-position: -272px -784px; }

.jive-icon-bookmark-ribbonaction-grey {
  background-position: -336px -784px; }

.jive-icon-calendar {
  background-position: -912px -656px; }

.jive-icon-camera {
  background-position: -208px -272px; }

.jive-icon-chat {
  background-position: -16px -336px; }

.jive-icon-check {
  background-position: -80px -592px; }

.jive-icon-checkpoint {
  background-position: -80px -400px; }

.jive-icon-checkpoint-past {
  background-position: -144px -400px; }

.jive-icon-clock {
  background-position: -784px -656px; }

.jive-icon-comment {
  background-position: -80px -144px; }

.jive-icon-comment-add {
  background-position: -144px -143px; }

.jive-icon-comment-bang {
  background-position: -720px -144px; }

.jive-icon-comment-blank {
  background-position: -656px -144px; }

.jive-icon-comment-user {
  background-position: -784px -144px; }

.jive-icon-comment-grey {
  background-position: -208px -144px; }

.jive-icon-computer {
  background-position: -1040px -656px; }

.jive-icon-content-private {
  background-position: -1168px -656px; }

.jive-icon-content-private-shared {
  background-position: -1232px -656px; }

.jive-icon-data-export {
  background-position: -720px -657px; }

.jive-icon-delete {
  background-position: -272px -592px; }

.jive-icon-discussion, .jive-icon-thread {
  background-position: -16px -16px; }

.jive-icon-discussion-bookmark {
  background-position: -272px -16px; }

.jive-icon-discussion-bookmark-bridged {
  background-position: -656px -16px; }

.jive-icon-discussion-branch {
  background-position: -336px -16px; }

.jive-icon-discussion-bridged {
  background-position: -400px -16px; }

.jive-icon-discussion-correct {
  background-position: -208px -16px; }

.jive-icon-discussion-correct-bridged {
  background-position: -208px -16px; }

.jive-icon-discussion-helpful {
  background-position: -144px -16px; }

.jive-icon-discussion-helpful-bridged {
  background-position: -144px -16px; }

.jive-icon-discussion-lock {
  background-position: -208px -656px; }

/* same as group-private */
.jive-icon-discussion-question {
  background-position: -80px -16px; }

.jive-icon-discussion-question-bridged {
  background-position: -464px -16px; }

.jive-icon-discussion-unlock {
  background-position: -336px -656px; }

/* same as group-open */
.jive-icon-document {
  background-position: -16px -80px; }

.jive-icon-document-bookmark {
  background-position: -1168px -80px; }

.jive-icon-document-collaboration {
  background-position: -784px -80px; }

.jive-icon-document-comment {
  background-position: -1104px -80px; }

.jive-icon-document-draft {
  background-position: -1232px -80px; }

.jive-icon-document-info {
  background-position: -656px -80px; }

.jive-icon-document-manage {
  background-position: -848px -80px; }

.jive-icon-document-upload {
  background-position: -1040px -80px; }

.jive-icon-doctype-acrobat {
  background-position: -80px -80px; }

.jive-icon-doctype-compressed {
  background-position: -144px -80px; }

.jive-icon-doctype-document {
  background-position: -208px -80px; }

.jive-icon-doctype-generic {
  background-position: -272px -80px; }

.jive-icon-doctype-image {
  background-position: -336px -80px; }

.jive-icon-doctype-presentation {
  background-position: -400px -80px; }

.jive-icon-doctype-spreadsheet {
  background-position: -464px -80px; }

.jive-icon-doctype-text {
  background-position: -528px -80px; }

.jive-icon-doctype-video {
  background-position: -592px -80px; }

.jive-icon-edit {
  background-position: -720px -80px; }

.jive-icon-external-site {
  background-position: -400px -784px; }

.jive-icon-external-site-bookmark {
  background-position: -528px -784px; }

.jive-icon-external-site-comment {
  background-position: -464px -784px; }

.jive-icon-site-go {
  background-position: -16px -1104px; }

.jive-icon-eye {
  background-position: -464px -656px; }

.jive-icon-flickr {
  background-position: -144px -720px; }

.jive-icon-folder {
  background-position: -848px -848px; }

.jive-icon-folder-edit {
  background-position: -1040px -848px; }

.jive-icon-folder-delete {
  background-position: -1104px -848px; }

.jive-icon-folder-sent {
  background-position: -912px -848px; }

.jive-icon-folder-stack {
  background-position: -1168px -848px; }

.jive-icon-folder-up {
  background-position: -976px -848px; }

.jive-icon-follow-stop {
  background-position: -720px -592px; }

.jive-icon-forbidden {
  background-position: -400px -592px; }

.jive-icon-formatted-text {
  background-position: -272px -720px; }

.jive-icon-friend {
  background-position: -528px -528px; }

.jive-icon-friend-add {
  background-position: -720px -528px; }

.jive-icon-friend-followers {
  background-position: -592px -528px; }

.jive-icon-friend-following {
  background-position: -656px -528px; }

.jive-icon-gear {
  background-position: -976px -656px; }

.jive-icon-group {
  background-position: -208px -912px; }

.jive-icon-group-bookmark {
  background-position: -720px -912px; }

.jive-icon-group-edit {
  background-position: -272px -912px; }

.jive-icon-group-member_only {
  background-position: -272px -656px; }

.jive-icon-group-open {
  background-position: -336px -656px; }

.jive-icon-group-private {
  background-position: -208px -656px; }

.jive-icon-group-secret {
  background-position: -400px -656px; }

.jive-icon-group-secret2 {
  background-position: -336px -912px; }

.jive-icon-history {
  background-position: -656px -656px; }

.jive-icon-help {
  background-position: -656px -592px; }

.jive-icon-home {
  background-position: -16px -912px; }

.jive-icon-html {
  background-position: -336px -720px; }

.jive-icon-inbox {
  background-position: -144px -848px; }

.jive-icon-inbox-new {
  background-position: -208px -848px; }

.jive-icon-info {
  background-position: -592px -592px; }

.jive-icon-invite {
  background-position: -400px -912px; }

.jive-icon-iphone {
  background-position: -144px -272px; }

/* same as jive-icon-mobile */
.jive-icon-label-frame {
  background-position: -16px -1168px; }

.jive-icon-link {
  background-position: -400px -720px; }

.jive-icon-lock {
  background-position: -208px -656px; }

/* same as group-private above */
.jive-icon-magnifyingglass {
  background-position: -848px -656px; }

.jive-icon-members {
  background-position: -464px -912px; }

.jive-icon-members-manage {
  background-position: -528px -912px; }

.jive-icon-message {
  background-position: -16px -848px; }

.jive-icon-message-add {
  background-position: -592px -848px; }

.jive-icon-message-delete {
  background-position: -336px -849px; }

.jive-icon-message-edit {
  background-position: -400px -849px; }

.jive-icon-message-forward {
  background-position: -464px -849px; }

.jive-icon-message-link {
  background-position: -272px -849px; }

.jive-icon-message-new {
  background-position: -80px -849px; }

.jive-icon-message-open {
  background-position: -656px -849px; }

.jive-icon-message-private {
  background-position: -784px -848px; }

.jive-icon-message-reply {
  background-position: -528px -849px; }

.jive-icon-minus {
  background-position: -208px -592px; }

.jive-icon-mobile {
  background-position: -144px -272px; }

/* same as jive-icon-iphone */
.jive-icon-moderation {
  background-position: -16px -1040px; }

.jive-icon-move {
  background-position: -1296px -80px; }

.jive-icon-permalink {
  background-position: -400px -272px;
  margin-top: 0; }

.jive-icon-permalink-active {
  background-position: -464px -272px;
  margin-top: 0; }

.jive-icon-permalink-hover {
  background-position: -528px -272px;
  margin-top: 0; }

.jive-icon-new {
  background-position: -912px -80px; }

.jive-icon-note {
  background-position: -208px -1040px; }

.jive-icon-note-add {
  background-position: -272px -1040px; }

.jive-icon-note-delete {
  background-position: -336px -1040px; }

.jive-icon-note-edit {
  background-position: -400px -1040px; }

.jive-icon-notify {
  background-position: -656px -849px; }

/* same as message-open above */
.jive-icon-notify-stop {
  background-position: -656px -849px; }

/* same as message-open above */
.jive-icon-orgchart {
  background-position: -400px -528px; }

.jive-icon-orgchart-add {
  background-position: -848px -528px; }

.jive-icon-like {
  background-position: -720px -144px; }

.jive-icon-like-grey {
  background-position: -656px -144px; }

.jive-icon-password {
  background-position: -400px -656px; }

/* same as group-secret above */
.jive-icon-people {
  background-position: -16px -528px; }

.jive-icon-photo {
  background-position: -16px -720px; }

.jive-icon-plugin {
  background-position: -80px -1168px; }

.jive-icon-plus {
  background-position: -144px -592px; }

.jive-icon-poll {
  background-position: -16px -208px; }

.jive-icon-poll-add {
  background-position: -80px -208px; }

.jive-icon-poll-bookmark {
  background-position: -336px -208px; }

.jive-icon-poll-comment {
  background-position: -208px -208px; }

.jive-icon-poll-edit {
  background-position: -144px -208px; }

.jive-icon-poll-vote {
  background-position: -272px -208px; }

.jive-icon-preferences {
  background-position: -336px -528px; }

.jive-icon-print-preview {
  background-position: -16px -656px; }

.jive-icon-printer {
  background-position: -80px -656px; }

.jive-icon-profile {
  background-position: -208px -528px; }

.jive-icon-profile-bookmark {
  background-position: -912px -528px; }

.jive-icon-project {
  background-position: -144px -912px; }

.jive-icon-project-bookmark {
  background-position: -656px -912px; }

.jive-icon-project-move {
  background-position: -272px -400px; }

.jive-icon-project-tiny {
  background-position: -317px -1360px; }

.jive-icon-question {
  background-position: -528px -592px; }

.jive-icon-quote {
  background-position: -208px -720px; }

.jive-icon-rate-avg-on {
  background-position: -208px -1232px; }

.jive-icon-rate-avg-half {
  background-position: -144px -1232px; }

.jive-icon-rate-avg-off {
  background-position: -80px -1232px; }

.jive-icon-rate-usr-on {
  background-position: -16px -1232px; }

.jive-icon-rate-usr-off {
  background-position: -80px -1232px; }

.jive-icon-redalert {
  background-position: -336px -592px; }

.jive-icon-repost {
  background-position: -976px -528px; }

.jive-icon-rss {
  background-position: -16px -592px; }

.jive-icon-search {
  background-position: -848px -656px; }

.jive-icon-space {
  background-position: -80px -912px; }

.jive-icon-space-bookmark {
  background-position: -592px -912px; }

.jive-icon-status {
  background-position: -272px -528px; }

.jive-icon-tag {
  background-position: -16px -464px; }

.jive-icon-taggroup {
  background-position: -80px -464px; }

.jive-icon-task {
  background-position: -16px -400px; }

.jive-icon-trackback {
  background-position: -592px -144px; }

.jive-icon-trash {
  background-position: -1232px -848px; }

.jive-icon-twitter {
  background-position: -80px -720px; }

.jive-icon-userbar-new {
  background-position: -912px -80px; }

.jive-icon-userbar-nav {
  background-position: -80px -912px; }

.jive-icon-yourstuff {
  background-position: -80px -528px; }

.jive-icon-yourstuff-new {
  background-position: -144px -528px; }

.jive-icon-vcard-add {
  background-position: -784px -528px; }

.jive-icon-video {
  background-position: -16px -976px; }

.jive-icon-video-bookmark {
  background-position: -208px -976px; }

.jive-icon-video-collaboration {
  background-position: -784px -80px; }

/* same as document-collaboration */
.jive-icon-video-comment {
  background-position: -144px -976px; }

.jive-icon-video-featured {
  background-position: -80px -976px; }

.jive-icon-vote-poll {
  background-position: -80px -592px; }

/* same as jive-icon-check */
.jive-icon-warn {
  background-position: -464px -592px; }

.jive-icon-web {
  background-position: -208px -720px; }

/* glyphs for whatevs */
.jive-glyph-menu-down {
  background-position: -16px -1360px; }

.jive-glyph-menu-down-hover {
  background-position: -32px -1360px; }

.jive-glyph-refresh {
  background-position: -48px -1360px; }

.jive-glyph-refresh-hover {
  background-position: -64px -1360px; }

.jive-glyph-edit {
  background-position: -80px -1360px; }

.jive-glyph-edit-hover {
  background-position: -96px -1360px; }

.jive-glyph-min {
  background-position: -112px -1360px; }

.jive-glyph-min-hover {
  background-position: -128px -1360px; }

.jive-glyph-add {
  background-position: -144px -1360px; }

.jive-glyph-add-hover {
  background-position: -160px -1360px; }

.jive-glyph-delete {
  background-position: -176px -1360px; }

.jive-glyph-delete-hover {
  background-position: -192px -1360px; }

.jive-glyph-warn {
  background-position: -208px -1360px; }

.jive-glyph-warn-hover {
  background-position: -224px -1360px; }

.jive-glyph-comment {
  background-position: -240px -1360px; }

.jive-glyph-comment-hover {
  background-position: -256px -1360px; }

.jive-glyph-like {
  background-position: -272px -1360px; }

.jive-glyph-like-hover {
  background-position: -288px -1360px; }

/* glyph actions for whatevs */
a.jive-glyph-menu-down span {
  background-position: -16px -1360px; }

a.jive-glyph-menu-down:hover span {
  background-position: -32px -1360px; }

a.jive-glyph-refresh span {
  background-position: -48px -1360px; }

a.jive-glyph-refresh:hover span {
  background-position: -64px -1360px; }

a.jive-glyph-edit span {
  background-position: -80px -1360px; }

a.jive-glyph-edit:hover span {
  background-position: -96px -1360px; }

a.jive-glyph-min span {
  background-position: -112px -1360px; }

a.jive-glyph-min:hover span {
  background-position: -128px -1360px; }

a.jive-glyph-add span {
  background-position: -144px -1360px; }

a.jive-glyph-add:hover span {
  background-position: -160px -1360px; }

a.jive-glyph-delete span {
  background-position: -176px -1360px; }

a.jive-glyph-delete:hover span {
  background-position: -192px -1360px; }

a.jive-glyph-warn span {
  background-position: -208px -1360px; }

a.jive-glyph-warn:hover span {
  background-position: -224px -1360px; }

a.jive-glyph-comment span {
  background-position: -240px -1360px; }

a.jive-glyph-comment:hover span {
  background-position: -256px -1360px; }

a.jive-glyph-like span {
  background-position: -272px -1360px; }

a.jive-glyph-like:hover span {
  background-position: -288px -1360px; }

/* zoomy control things for Microblogging and beyond */
.j-icon-zoom,
.j-icon-play,
.j-icon-close {
  background-image: url(../images/forum-icons/jive-icon-sprites-big.png);
  display: block; }

.j-icon-zoom {
  background-position: -400px -272px;
  width: 40px;
  height: 40px; }

.j-icon-play {
  background-position: -320px -272px;
  width: 40px;
  height: 40px; }

.j-icon-close {
  background-position: -480px -272px;
  width: 32px;
  height: 32px; }

/* talky arrows for comments & popovers */
.j-top-pointer,
.jive-comment-arrow {
  background-image: url(../images/forum-icons/jive-icon-sprites-big.png); }

.j-top-pointer {
  background-position: -13px -1360px;
  width: 23px;
  height: 12px; }

.jive-comment-arrow {
  background-position: -37px -1360px;
  width: 10px;
  height: 14px; }

/* END of standard sprite grouping */
/* M and S spriting */
.jive-icon-market {
  background-position: -16px -1296px; }

.jive-icon-observation {
  background-position: -80px -1296px; }

.jive-icon-viewpoint {
  background-position: -144px -1296px; }

.jive-icon-blog-observation {
  background-position: -848px -144px; }

.jive-icon-document-observation {
  background-position: -1360px -80px; }

.jive-icon-discussion-observation {
  background-position: -720px -16px; }

.jive-icon-chart-observation {
  background-position: -272px -1296px; }

.jive-icon-table-observation {
  background-position: -336px -1296px; }

.jive-icon-table {
  background-position: -400px -1296px; }

.jive-icon-chart {
  background-position: -464px -1296px; }

.jive-icon-twitter-observation {
  background-position: -527px -720px; }

.jive-icon-external-site-observation {
  background-position: -592px -784px; }

.jive-icon-launch {
  background-position: -528px -1295px; }

/* Other sprites */
.jive-icon {
  /* used w/ proj-status */
  background-repeat: no-repeat;
  background-position: 0;
  padding: 2px 0 2px 20px; }

body .proj-status {
  background-image: url(../images/forum-icons/jive-icon-sprites-project-status.png);
  display: block; }

.proj-status-complete {
  background-position: 0 -1022px; }

.proj-status-high {
  background-position: 0 -922px; }

.proj-status-med {
  background-position: 0 -822px; }

.proj-status-low {
  background-position: 0 -722px; }

span.proj-status-complete {
  color: #06c; }

span.proj-status-low {
  color: #900; }

span.proj-status-med {
  color: #960; }

span.proj-status-high {
  color: #060; }

#jive-project-results td {
  text-align: left; }

.jive-working {
  background: url(../images/forum-icons/jive-icon-working-16x16.gif);
  width: 16px;
  height: 16px;
  display: block; }

/* END other sprites */
/* Things that won't be sprited */
.jive-icon-link-forward {
  background: transparent url(../images/forum-icons/jive-icon-arrow-right-small.gif) no-repeat right;
  padding: 0 8px 1px 0; }

.jive-icon-link-back {
  background: transparent url(../images/forum-icons/jive-icon-arrow-left-small.gif) no-repeat left;
  padding: 1px 0 1px 8px; }

#jive-community-empty-types p {
  padding-left: 35px; }

.jive-content-block-empty-discussions a,
.jive-content-block-empty-documents a,
.jive-content-block-empty-blogposts a,
.jive-content-block-empty-video a {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right; }

.jive-content-block-empty-discussions a {
  background-image: url(../images/forum-icons/jive-icon-arrow-right-bl.gif); }

.jive-content-block-empty-documents a {
  background-image: url(../images/forum-icons/jive-icon-arrow-right-or.gif); }

.jive-content-block-empty-blogposts a {
  background-image: url(../images/forum-icons/jive-icon-arrow-right-gr.gif); }

.jive-content-block-empty-video a {
  background-image: url(../images/forum-icons/jive-icon-arrow-right-tl.gif);
  color: #048fa1; }

.jive-content-block-empty-pm p {
  padding-left: 0; }

#jive-acct-success-whereto ul li.jive-path-blog,
#jive-invite-success-whereto ul li.jive-path-blog {
  background: #f4f8fb url(../images/forum-icons/jive-icon-blog-48x48.gif) no-repeat 15px 15px; }

#jive-acct-success-whereto ul li.jive-path-discussion,
#jive-invite-success-whereto ul li.jive-path-discussion {
  background: #f4f8fb url(../images/forum-icons/jive-icon-forum-48x48.gif) no-repeat 15px 15px; }

#jive-acct-success-whereto ul li.jive-path-document,
#jive-invite-success-whereto ul li.jive-path-document {
  background: #f4f8fb url(../images/forum-icons/jive-icon-wiki-48x48.gif) no-repeat 15px 15px; }

#jive-acct-success-whereto ul li.jive-path-group,
#jive-invite-success-whereto ul li.jive-path-group {
  background: #f4f8fb url(../images/forum-icons/jive-icon-groups-48x48.gif) no-repeat 15px 15px; }

#jive-acct-success-whereto ul li.jive-path-people,
#jive-invite-success-whereto ul li.jive-path-people {
  background: #f4f8fb url(../images/forum-icons/jive-icon-avatar-48x48.gif) no-repeat 15px 15px; }

#jive-acct-success-whereto ul li.jive-path-project,
#jive-invite-success-whereto ul li.jive-path-project {
  background: #f4f8fb url(../images/forum-icons/jive-icon-project-24x24.gif) no-repeat 20px 20px;
  padding: 15px 15px 15px 60px; }

#jive-acct-success-whereto ul li.jive-path-space,
#jive-invite-success-whereto ul li.jive-path-space {
  background: #f4f8fb url(../images/forum-icons/jive-icon-community-30x30.gif) no-repeat 20px 20px;
  padding: 15px 15px 15px 60px; }

#jive-acct-success-whereto ul li.jive-path-other,
#jive-invite-success-whereto ul li.jive-path-other {
  background: #f4f8fb url(../images/forum-icons/jive-icon-afterreg-other-65x48.gif) no-repeat 10px 15px; }

#jive-acct-success-whereto ul li.jive-acct-success-community,
#jive-invite-success-whereto ul li.jive-acct-success-community {
  background: transparent url(../images/forum-icons/acct-success-explore.gif) no-repeat top left; }

#jive-acct-success-whereto ul li.jive-acct-success-profile,
#jive-invite-success-whereto ul li.jive-acct-success-profile {
  background: transparent url(../images/forum-icons/acct-success-profile.gif) no-repeat top left; }

#jive-acct-success-whereto ul li.jive-acct-success-invite,
#jive-invite-success-whereto ul li.jive-acct-success-invite {
  background: transparent url(../images/forum-icons/acct-success-invite.gif) no-repeat top left; }

#jive-acct-success-whereto ul li.jive-acct-success-tour,
#jive-invite-success-whereto ul li.jive-acct-success-tour {
  background: transparent url(../images/forum-icons/acct-success-tour.gif) no-repeat top left; }

.jive-tooltip2-loading {
  background: transparent url(../images/forum-icons/jive-icon-working-16x16.gif) no-repeat center top;
  color: #666;
  display: block;
  padding: 25px 10px 82px;
  text-align: center; }

#jive-body-intro a.jive-link-more {
  font-size: 1em;
  background: transparent url(../images/forum-icons/jive-icon-arrow-up-small.gif) no-repeat left;
  padding: 1px 0 1px 10px; }

.jive-alert-announcement-label {
  color: #988f42; }

.jive-link-external-site-small,
.jive-link-blog-small,
.jive-link-bookmark-small,
.jive-link-community-small,
.jive-link-email-small,
.jive-link-profile-small,
.jive-link-project-small,
.jive-link-socialgroup-small,
.jive-link-thread-small,
.jive-link-message-small,
.jive-link-video-small,
.jive-link-wiki-small,
.jive-link-tag-small,
.jive-link-status-small,
.jive-link-poll-small {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left;
  padding: 1px 0 1px 17px;
  zoom: 1;
  /* fix "background-break:bounding-box" rendering for the IEs */ }

/* Support for RTE - should upgrade in future */
.jive-link-status-small {
  background-image: url(../images/forum-icons/jive-icon-status-12x12.gif); }

.jive-link-poll-small {
  background-image: url(../images/forum-icons/jive-icon-poll-12x12.gif); }

.jive-link-blog-small {
  background-image: url(../images/forum-icons/jive-icon-blog-12x12.gif); }

.jive-link-community-small {
  background-image: url(../images/forum-icons/jive-icon-community-12x12.gif); }

.jive-link-email-small {
  background-image: url(../images/forum-icons/jive-icon-email-12x12.gif); }

.jive-link-bookmark-small {
  background-image: url(../images/forum-icons/jive-icon-bookmark-12x12.gif); }

.jive-link-profile-small {
  background-image: url(../images/forum-icons/jive-icon-profile-12x12.gif); }

.jive-link-project-small {
  background-image: url(../images/forum-icons/jive-icon-project-12x12.gif); }

.jive-link-socialgroup-small {
  background-image: url(../images/forum-icons/jive-icon-groups-12x12.gif); }

.jive-link-thread-small {
  background-image: url(../images/forum-icons/jive-icon-forum-12x12.gif); }

.jive-link-message-small {
  background-image: url(../images/forum-icons/jive-icon-forum-12x12.gif); }

.jive-link-video-small {
  background-image: url(../images/forum-icons/jive-icon-video-12x12.gif); }

.jive-link-wiki-small {
  background-image: url(../images/forum-icons/jive-icon-wiki-12x12.gif); }

.jive-link-tag-small {
  background-image: url(../images/forum-icons/jive-icon-tag-12x12.gif); }

.jive-link-external-site-small {
  background-image: url(../images/forum-icons/jive-icon-link-external-12x12.gif); }

/* END Support for RTE - should upgrade in future */
/* Some icons in the default Jive SBS icon set are from or have been adapted from the
   Silk icon set from Fam Fam Fam and are used under the Creative Commons Attribution
   3.0 license. http://www.famfamfam.com/lab/icons/silk/ */
.banner-row {
  max-width: 100%;
  width: auto;
  margin: 0; }
  .banner-row [class*="columns-"], .banner-row .jive-author, .banner-row .jive-thread-post-body-container, .banner-row .jive-thread-reply-body-container {
    padding: 0; }
  .banner-row .row, .banner-row .jive-thread-post {
    margin: 0; }

.banner {
  position: relative; }

.banner, .photo-journal-slider {
  margin: 0; }
  .banner article, .photo-journal-slider article {
    position: relative;
    margin: 0; }
  .banner .text, .photo-journal-slider .text {
    padding: 16px 12px 0;
    padding:  1rem 0.75rem 0; }
    .banner .text .column-12:after, .photo-journal-slider .text .column-12:after {
      content: "";
      display: table;
      clear: both; }
    .banner .text .row, .banner .text .jive-thread-post, .photo-journal-slider .text .row, .photo-journal-slider .text .jive-thread-post {
      font-size: 1.6em;
      line-height: 1.1; }
      .banner .text .row .title, .banner .text .jive-thread-post .title, .photo-journal-slider .text .row .title, .photo-journal-slider .text .jive-thread-post .title {
        font-size: 0.7em;
        margin-bottom: 4px;
        margin-bottom: 0.25rem; }
    @media screen and (min-width: 47em) {
      .banner .text, .photo-journal-slider .text {
        position: relative;
        width: 100%;
        bottom: -82px;
        left: 16px; }
        }
     @media screen and (min-width: 47em) {
      .banner .text, .photo-journal-slider .text {
        bottom: -72px;}
        }
           @media screen and (min-width: 48em) {
      .banner .text, .photo-journal-slider .text {
        bottom: -10px;}
        }
       @media screen and (min-width: 1280px) {
      .banner .text, .photo-journal-slider .text {
        bottom: -10px;
         width: 85%;
        left: 50px;}
        }

        .banner .text .row, .banner .text .jive-thread-post, .photo-journal-slider .text .row, .photo-journal-slider .text .jive-thread-post {
          font-size: 2.4em;
          max-width: 100%;
          margin-right: 50%;
          padding: 16px 0 32px 25px;
          padding:  1rem 0 2rem 1.5625rem; }
          .banner .text .row .title, .banner .text .jive-thread-post .title, .photo-journal-slider .text .row .title, .photo-journal-slider .text .jive-thread-post .title {
            margin-bottom: 4px;
            margin-bottom: 0.25rem; }
    @media screen and (min-width: 64em) {
      .banner .text .row, .banner .text .jive-thread-post, .photo-journal-slider .text .row, .photo-journal-slider .text .jive-thread-post {
        font-size: 3em; } }
    @media screen and (min-width: 67em) {
      .banner .text .row, .banner .text .jive-thread-post, .photo-journal-slider .text .row, .photo-journal-slider .text .jive-thread-post {
        margin-right: 30%;
        padding: 16px 0 80px 25px;
        padding:  1rem 0 5rem 1.5625rem;
        padding-left: 96px;
        padding-left: 6rem; } }
    @media screen and (min-width: 84em) {
      .banner .text .row, .banner .text .jive-thread-post, .photo-journal-slider .text .row, .photo-journal-slider .text .jive-thread-post {
        font-size: 4.2em; } }
  .banner a, .photo-journal-slider a {
    display: block; }
  .banner img, .photo-journal-slider img {
    max-width: none;
    margin: 0;
  }
    @media screen and (min-width: 0em) and (max-width: 29em) {
      .banner img, .photo-journal-slider img {
        max-width: 100%;
        border-bottom: 8px solid black; } }

     @media screen and (min-width: 30em) and (max-width: 48em) {
      .banner img, .photo-journal-slider img {
        max-width: 100%;
        border-bottom: 15px solid black; } }


.branding-container {
  height: 100%;
  padding: 0 25px;
}

@media screen and (min-width: 1024px) {
  .branding-container {
    padding: 0 20px 0 15%;
  }
}

@media screen and (min-width: 1400px) {
  .branding-container {
    padding-left: 10%;
  }
}

.branding {
  position: relative;
  height: 80%;
  top: 10px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .branding {
    height: 85%;
  }
}

@media screen and (min-width: 1024px) {
  .branding {
    height: 50%;
    top: 20px;
  }
}


.branding .no-branding .branding-container {
  display: none;
}

.slide-link {
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 3em;
  margin: 0 24px 0 24px;
  margin:  0 1.5rem 0 1.5rem; }
  .slide-link:hover, .slide-link:focus, .slide-link:active {
    text-decoration: underline; }
  .slide-link .icon {
    float: right;
    line-height: 3em; }

.primary-cta {
  border-top: 1px solid;
  padding: 16px 0 0 0;
  padding:  1rem 0 0 0; }
  @media screen and (min-width: 0em) and (max-width: 47em) {
    .primary-cta {
      margin-left: -12px;
      margin-left: -0.75rem;
      margin-right: -12px;
      margin-right: -0.75rem;
      padding: 16px 12px 0;
      padding:  1rem 0.75rem 0; } }
  @media screen and (min-width: 47em) {
    .primary-cta {
      border: none;
      margin: 0;
      padding: 0;
      position: fixed;
      z-index: 1; }
      .primary-cta li {
        margin: 2px 0 0 0; }
        .primary-cta li:first-child {
          margin: 0; } }
  @media screen and (min-width: 51em) {
    .primary-cta {
      bottom: 160px;
      left: 72px; } }
  .primary-cta .row, .primary-cta .jive-thread-post {
    min-width: 0; }
  .primary-cta ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    @media screen and (min-width: 47em) {
      .primary-cta ul {
        margin-left: -12px;
        margin-left: -0.75rem;
        margin-right: -12px;
        margin-right: -0.75rem;
        margin: 0; }
        .primary-cta ul li {
          margin-top: 2px; }
        .primary-cta ul a {
          margin-bottom: 0;
          display: block;
          line-height: 1.5;
          font-size: 13.2px;
          font-size: 0.825rem; }
        .primary-cta ul .slide-link {
          margin: 0; }
          .primary-cta ul .slide-link .icon {
            display: none; }
        .primary-cta ul .row, .primary-cta ul .jive-thread-post {
          margin: 0; }
        .primary-cta ul [class*="columns-"], .primary-cta ul .jive-author, .primary-cta ul .jive-thread-post-body-container, .primary-cta ul .jive-thread-reply-body-container {
          width: 100%;
          padding: 0;
          float: none; } }
  .primary-cta a {
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    text-decoration: none;
    min-width: 100px;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    display: block;
    float: none;
    margin-bottom: 2px;
    margin-bottom: 0.125rem; }
    .primary-cta a:hover, .primary-cta a:focus, .primary-cta a:active {
      text-decoration: none;
      cursor: pointer; }
    .primary-cta a .icon {
      float: right;
      line-height: inherit; }

body .main .primary-cta .row, body .main .primary-cta .jive-thread-post {
  width: auto; }

body .main .primary-cta a {
  display: block;
  font-family: "Elysio-Medium";
  text-transform: lowercase;
  font-size: 18px;
  color: #ffffff;
}

@media screen and (min-width: 1024px) {
	body .main .primary-cta a {
		font-size: 34px;
		color: #000000;
	}
}

.no-js .categories-slider .slides > li {
  float: none; }

.categories {
  margin: 0; }
  .categories:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 47em) {
    .categories {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 16px 0;
      padding:  1rem 0; }
      .categories > li {
        width: 33%; }
      .categories [class*="columns-"], .categories .jive-author, .categories .jive-thread-post-body-container, .categories .jive-thread-reply-body-container {
        float: none;
        width: 100%; } }
  @media screen and (min-width: 108em) {
    .categories > li {
      width: 25%; } }
  .categories .teaser-title {
    font-size: 12px;
    font-size: 0.75rem; }
  .categories .teaser-text {
    line-height: 1.5; }
  .categories .teaser-text.people-choice-teaser .teaser-title {
    text-transform: uppercase; }

.category-intro img {
  margin: 8px 0;
  margin:  0.5rem 0; }

.categories-slider {
  position: static; }
  .categories-slider .flex-viewport {
    overflow: visible !important; }
  @media screen and (min-width: 47em) {
    .categories-slider .slides > li {
      float: left;
      margin: 0;
      -webkit-overflow-scrolling: touch; }
      .categories-slider .slides > li.mCustomScrollbar .mCSB_container {
        margin: 0;
        margin-left: -12px;
        margin-left: -0.75rem;
        margin-right: -12px;
        margin-right: -0.75rem;
        padding: 0 12px;
        padding:  0 0.75rem; }
      .categories-slider .slides > li.mCustomScrollbar .mCustomScrollBox > .mCSB_scrollTools {
        right: -6px;
        right: -0.375rem; }
    .categories-slider .container {
      padding: 16px 12px;
      padding:  1rem 0.75rem; } }
  .categories-slider .categories > li {
    overflow: hidden !important; }
    @media screen and (min-width: 47em) {
      .categories-slider .categories > li {
        overflow: auto !important; } }
  .categories-slider .isotope {
    margin-left: -12px;
    margin-left: -0.75rem;
    margin-right: -12px;
    margin-right: -0.75rem; }
  .categories-slider .isotope-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    padding:  0 0.75rem;
    width: 49.9%; }
    .categories-slider .isotope-item img {
      width: 100%;
      margin-right: 0; }
    .categories-slider .isotope-item a.teaser-link {
      margin: 0; }

.photo-journal-slider {
  border-bottom: 1px solid #3b3b3b; }

.js .photo-journal-slider .text {
  bottom: 0;
  display: none; }

ul.banner-text-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: block; }
  ul.banner-text-list li * {
    cursor: pointer; }
  ul.banner-text-list h3 {
    font-family: Arial, sans-serif;
    font-size: 1.1666666em;
    line-height: 1.5;
    margin: 0; }
  ul.banner-text-list strong {
    font-weight: normal; }
    ul.banner-text-list strong .arrow {
      display: none; }

.scroll-link {
  display: none;
  position: fixed;
  z-index: 100;
  width: 100%;
  bottom: 0;
  text-align: center;
  -webkit-transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out; }
  @media screen and (min-width: 29em) {
    .scroll-link {
      display: block; } }
  .scroll-link a {
    position: relative;
    -webkit-appearance: none;
    border-radius: 0;
    border: 1px solid;
    display: inline-block;
    text-decoration: none;
    min-width: 100px;
    padding: 8px 12px;
    padding:  0.5rem 0.75rem;
    text-align: center;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    display: block;
    float: none;
    border: none;
    margin: 0;
    display: inline-block; }
    .scroll-link a:hover, .scroll-link a:focus, .scroll-link a:active {
      text-decoration: none;
      cursor: pointer; }
    .scroll-link a .icon {
      float: right;
      line-height: inherit; }
  .scroll-link span {
    display: inline-block; }
  .scroll-link .icon {
    position: relative; }

body .main .buy-button {
  margin: 16px 12px 16px 0;
  margin:  1rem 0.75rem 1rem 0;
  margin-top: 0;
  float: none; }
  body .main .buy-button.animated-button {
    display: none; }

@media screen and (min-width: 59em) {
  body .main .slider-container {
    position: relative; }
    body .main .slider-container .image-buttons {
      position: absolute;
      top: 16px;
      top: 1rem;
      right: 0;
      font-size: 1.5em; }
      body .main .slider-container .image-buttons .icon-text {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px; }
      body .main .slider-container .image-buttons p {
        display:none;}
      body .main .slider-container .image-buttons .button {
        margin: 0;
        float: right;
        clear: both;
        min-width: 0; } }

.image-buttons .button {
	color: #ffffff;
}
.multi-image .multi-image-container {
  border-style: solid;
  border-width: 1px;
  padding: 12px;
  padding: 0.75rem; }
.voting-landing-page img {
  margin: 0 auto; }
.voting-landing-page h1 {
  margin-top: 10px;
  margin-top: 0.625rem; }

.teaser-text.title-only {
  padding-bottom: 0; }

.peoples-best50-carousel {
  margin-bottom: 0; }

.photographers-details > .teaser-image {
  max-width: 120px; }

.map-outer {
  max-width: 300px;
  position: relative; }
  .map-outer h2 {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    margin-bottom:10px;
    margin-bottom:0.625rem;
    line-height: 1.6; }

.map-inner {
  background: #222;
  border: 1px solid;
  position: relative;
  overflow: hidden;
  padding-top: 66%; }
  .map-inner .map {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }

  .map-inner .zoomed-map {
    opacity: 0; }
  .map-inner:hover .map, .map-inner:focus .map, .map-inner:active .map {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3); }
  .map-inner:hover .zoomed-map, .map-inner:focus .zoomed-map, .map-inner:active .zoomed-map {
    opacity: 1; }

.social-media {
  display: none; }
  @media screen and (min-width: 29em) {
    .social-media {
      display: block; } }
  .social-media ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .social-media ul:after {
      content: "";
      display: table;
      clear: both; }
  .social-media li {
    float: left;
    margin: 0 24px 0 0;
    margin:  0 1.5rem 0 0;
    height: 20px;
    overflow: hidden; }
  .social-media [class*="book-"] {
    padding: 0; }

.pinterest-pinit {
  min-width: 68px; }

.twitter-share iframe {
  width: 90px !important; }

.comment h3 {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5; }

.comments + .comments-form {
  border-top: 1px solid;
  padding-top: 16px;
  padding-top: 1rem; }

.comments-form:after {
  content: "";
  display: table;
  clear: both; }
.comments-form button, .comments-form input[type="reset"] {
  float: right; }
.comments-form button {
  margin-left: 12px;
  margin-left: 0.75rem; }

.hidden-comments:after {
  content: "";
  display: table;
  clear: both; }
.hidden-comments h2 {
  font-weight: normal;
  font-size: 12px;
  float: right;
  text-decoration: underline;
  line-height: 1.3em; }
  .hidden-comments h2 .icon {
    font-size: 1.3em;
    margin-left: 12px;
    margin-left: 0.75rem; }

/* Styling for current site comment code, in case the html can't be changed */
.jive-thread-info {
  margin-bottom: 16px;
  margin-bottom: 1rem; }

.jive-reply-form ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.jive-thread-reply {
  padding-bottom: 16px;
  padding-bottom: 1rem; }

.visitors-vote h2 {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5; }
.visitors-vote * {
  margin: 0.2em 0; }
.visitors-vote .button {
  margin: 0.5em 0;
  float: none; }

.promotion:after {
  content: "";
  display: table;
  clear: both; }
.promotion * {
  margin: 0; }
/*alext2: adding margin under h3 */
.promotion h3 {
margin-bottom: 4px;
margin-bottom: 0.25rem;
}


.promotion .button {
  margin-top: 16px;
  margin-top: 1rem;
  float: right; }


.cross-sell h2 {
  margin-bottom: 16px;
  margin-bottom: 1rem; }
@media screen and (min-width: 45em) {
  .cross-sell .teaser-link .teaser-image {
    max-width: 100%;
    float: none; } }

.winners-carousel h2 {
  margin-bottom: 16px;
  margin-bottom: 1rem; }

@media screen and (min-width: 29em) {
  .mutable-slider {
    padding: 0 33px;
    padding:  0 2.0625rem; } }
.mutable-slider .teaser-link .teaser-image {
  max-width: 100%;
  float: none; }
.mutable-slider .teaser-link .teaser-image {
  width: 100%;
  float: none; }
.mutable-slider .teaser-link .teaser-title {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5; }
@media screen and (min-width: 29em) {
  .mutable-slider .slides > li {
    padding: 0 12px 0 12px;
    padding:  0 0.75rem 0 0.75rem; } }
.mutable-slider .flex-direction-nav a {
  height: 36px;
  width: 33px;
  margin-top: -18px; }
  .mutable-slider .flex-direction-nav a:before, .mutable-slider .flex-direction-nav a span {
    font-size: 18px;
    line-height: 36px; }

.breadcrumb {
  border-top: 0;
  padding: 0 0 16px 0;
  padding:  0 0 1rem 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  display: none; }
  .breadcrumb:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 59em) {
    .breadcrumb {
      display: block; } }
  .breadcrumb h2, .breadcrumb ul {
    float: left; }
  .breadcrumb h2 {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    line-height: 24px;
    line-height: 1.5rem; }
  .breadcrumb ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .breadcrumb ul:after {
      content: "";
      display: table;
      clear: both; }
    .breadcrumb ul li {
      float: left; }
  .breadcrumb li {
    margin: 0;
    margin-left: 12px;
    margin-left: 0.75rem; }
    .breadcrumb li:after {
      margin-left: 12px;
      margin-left: 0.75rem;
      content: "";
      border-left: 1px solid;
      display: inline-block;
      height: 10px; }

.intro-text:after {
  content: "";
  display: table;
  clear: both; }
.intro-text h1, .intro-text .alpha, .intro-text h2, .intro-text .beta, .intro-text h3, .intro-text .gamma, .intro-text fieldset legend, fieldset .intro-text legend, .intro-text h4, .intro-text .delta, .intro-text .copyright-info h2, .copyright-info .intro-text h2, .intro-text .photographers-details .teaser-title, .photographers-details .intro-text .teaser-title, .intro-text .js-lightshow-thumbnail-slider .text h2, .js-lightshow-thumbnail-slider .text .intro-text h2, .intro-text h5, .intro-text .epsilon, .intro-text h6, .intro-text .zeta {
  margin: 0; }
.intro-text .link-list a {
  text-decoration: none; }
.intro-text .link-list .icon {
  font-size: 0.5em; }
.intro-text .link-list .icon-text {
  margin-left: 6px;
  margin-left: 0.375rem; }

@media screen and (min-width: 45em) {
  .paged-items .teaser-link .teaser-image {
    max-width: 100%;
    float: none; } }
.paged-items.horizontal-teasers .teaser-link .teaser-image {
  max-width: 25%;
  float: left;
  margin: 0 24px 0 0;
  margin:  0 1.5rem 0 0;
  margin-bottom: 0.5em; }
.paged-items.horizontal-teasers .teaser-link .teaser-text {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.horizontal [class*="columns-"], .horizontal .jive-author, .horizontal .jive-thread-post-body-container, .horizontal .jive-thread-reply-body-container {
  float: none;
  width: 100%; }

.countdown {
  margin: 16px 0;
  margin:  1rem 0;
  padding: 6px 0;
  padding:  0.375rem 0;
  max-width: 320px;
  text-align: center; }
  .countdown .countdown-title {
    font-size: 9px;
    font-size: 0.5625rem;
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
    text-transform: uppercase; }

[data-countdown] {
  border: none; }
  [data-countdown]:after {
    content: "";
    display: table;
    clear: both; }
  [data-countdown] span {
    display: block; }
  [data-countdown] .section {
    float: left;
    width: 24%;
    width: calc(25% - 1px);
    border-width: 0 0 0 1px;
    border-style: solid; }
    [data-countdown] .section:first-child {
      border: none;
      width: 25%; }
  [data-countdown] .unit, [data-countdown] .unit abbr[title] {
    font-size: 9px;
    font-size: 0.5625rem;
    border: none; }
  [data-countdown] .digits {
    font-size: 2.2em;
    line-height: 1; }

.js-lightshow-button {
  display: none; }
.js-lightshow-explanation {
  display: none;
}
  @media screen and (min-width: 59em) {
    .js-lightshow-explanation {
      display: block;  }
    .js-lightshow-button {
      display: block; }
       }

.js-controls-message {
  position: absolute;
  outline: none;
  z-index: 100;
  width: 100%;
  top: 20%;
  font-size: 1.25em;
  display: none; }
  .js-controls-message:focus {
    display: block; }
  .js-controls-message ul {
    margin: 0 auto !important;
    border: 1px solid;
    margin: 16px 24px;
    margin:  1rem 1.5rem;
    padding: 32px 48px;
    padding:  2rem 3rem;
    max-width: 550px; }

.js-lightshow {
  opacity: 0;
  -webkit-transition: opacity 2s ease;
  -moz-transition: opacity 2s ease;
  transition: opacity 2s ease;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  overflow: hidden; }
  .js-lightshow a {
    display: block;
    outline: none; }
  .js-lightshow .flex-pauseplay {
    position: absolute;
    top: 16px;
    left: 50%;
    cursor: pointer; }
    .js-lightshow .flex-pauseplay .icon {
      font-size: 2em; }
  .js-lightshow .js-close {
    text-decoration: none;
    position: absolute;
    z-index: 12;
    cursor: pointer;
    top: 16px;
    top: 1rem;
    right: 24px;
    right: 1.5rem;
    outline: none; }
    .js-lightshow .js-close:focus {
      text-decoration: underline; }
    .js-lightshow .js-close .icon {
      font-size: 2em; }
  .js-lightshow .flexslider-controls {
    position: absolute;
    top: -3em;
    width: 100%;
    height: 2em; }

.js-lightshow-slider {
  position: relative; }
  .js-lightshow-slider img {
    width: auto;
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    transition: opacity 1s ease; }
  .js-lightshow-slider .flex-direction-nav .flex-prev, .js-lightshow-slider .flex-direction-nav .flex-next {
    border: 1px solid; }
  .js-lightshow-slider .flex-direction-nav .flex-prev {
    border-width: 1px 1px 1px 0; }
  .js-lightshow-slider .flex-direction-nav .flex-next {
    border-width: 1px 0 1px 1px; }

.js-lightshow-thumbnail-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px;
  padding: 1rem;
  -webkit-transition: bottom 1s ease;
  -moz-transition: bottom 1s ease;
  transition: bottom 1s ease; }
  .js-lightshow-thumbnail-slider .slides > li {
    cursor: pointer; }
  .js-lightshow-thumbnail-slider .positioned-image-container {
    padding: 4px; }
  .js-lightshow-thumbnail-slider img {
    border-width: 2px;
    border-style: solid;
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    transition: opacity 1s ease; }
  .js-lightshow-thumbnail-slider .text {
    padding: 16px 16px 0;
    padding:  1rem 1rem 0; }
  .js-lightshow-thumbnail-slider .flex-direction-nav a {
    height: 40px;
    margin-top: -20px; }
    .js-lightshow-thumbnail-slider .flex-direction-nav a span {
      line-height: 40px; }

.js .t1 .site-header {
  margin-bottom: 0; }
.js .t1 .banner {
  margin-left: -12px;
  margin-left: -0.75rem;
  margin-right: -12px;
  margin-right: -0.75rem; }
 @media screen and (min-width: 64em) {
  .js .t1 {
    overflow: hidden; }
    .js .t1 .site-footer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0; }
       }

.t1 figure {
  position: relative;
  margin: 0; }
  .t1 figure figcaption {
    position: absolute;
    bottom: 16px;
    bottom: 1rem;
    left: 24px;
    left: 1.5rem; }
@media screen and (min-width: 47em) {
  .t1 .m1-banner ul.slides li div.row, .t1 .m1-banner ul.slides li div.jive-thread-post {
    padding: 16px 0 80px 96px;
    padding:  1rem 0 5rem 6rem;
    margin-right: 40%; } }
@media screen and (min-width: 53em) {
  .t1 .m1-banner ul.slides li div.row, .t1 .m1-banner ul.slides li div.jive-thread-post {
    margin-right: 35%; } }
@media screen and (min-width: 62em) {
  .t1 .m1-banner ul.slides li div.row, .t1 .m1-banner ul.slides li div.jive-thread-post {
    margin-right: 30%; } }

.t1 .m1-banner ul.slides li .title {
  color: #fff;
  font-family: "Elysio-Medium";
  font-size: 18px;
  line-height: 1;
}

.t1 .m1-banner ul.slides li .title:hover {
	text-decoration: underline;
}

@media screen and (min-width: 48em) {
	.t1 .m1-banner ul.slides li .title {
  		color: #ffffff;
  	}
}
@media screen and (min-width: 64em) {
	.t1 .m1-banner ul.slides li .title {
  		color: #000000;
  		font-size: 22px;
  		line-height: 1.2;
  	}
}

@media screen and (min-width: 80em) {
	.t1 .m1-banner ul.slides li .title {
  		font-size: 32px;
  	}
}



.t1 .m1-banner ul.slides li p {
	font-size: 18px;
    font-family: "Elysio-Medium";
    line-height: 1.35;
    color: #fff;
}

.t1 .m1-banner ul.slides li p:hover {
	text-decoration: underline;
}

@media screen and (min-width: 64em) {
	.t1 .m1-banner ul.slides li p {
		color: #000;
		font-size: 22px;
		line-height: 1.2;
	}
}

@media screen and (min-width: 80em) {
	.t1 .m1-banner ul.slides li p {
		font-size: 32px;
	}
}

.anniversary-50-home .primary-cta ul {
  text-transform: none; }
.t2 .teaser-text {
  padding-bottom: 0; }
@media screen and (min-width: 29em) {
  .t2 .overall-winner-intro:after {
    content: "";
    display: table;
    clear: both; }
  .t2 .overall-winner-intro p {
    float: left;
    width: 75%; }

  .t2 .overall-winner-intro .button {
    float: right; } }
@media screen and (min-width: 44em) {
  .t2 .promos-bottom hr {
    display: none; } }
@media screen and (min-width: 29em) and (max-width: 59em) {
  .t2 .columns-9 .teaser-link .teaser-image {
    max-width: 100%;
    float: none; }
	  .t2 .teaser-text h1 {
	max-width:33%;
	float:left;
	}
  .t2 .teaser-text-intro {
	max-width:66%;
	float:right;
  }
  .t2 .teaser-text-intro h1 {
	float:none;
  }

	}
.t2 .columns-9 .teaser-link {
  margin-top: 16px;
  margin-top: 1rem; }
  .t2 .columns-9 .teaser-link .teaser-image {
    max-width: 100%;
    float: none; }

@media screen and (min-width: 59em) {
  .t3 {
    overflow: hidden; } }
@media screen and (min-width: 46em) {
  .t3 .section-title {
    display: none; } }
.t3 .in-page-nav {
  border-top-width: 1px;
  border-top-style: solid;
  margin-left: -24px;
  margin-left: -1.5rem;
  margin-right: -24px;
  margin-right: -1.5rem; }
@media screen and (min-width: 0em) and (max-width: 58em) {
  .t3 .main .row .row, .t3 .main .jive-thread-post .row, .t3 .main .row .jive-thread-post, .t3 .main .jive-thread-post .jive-thread-post {
    margin: 0; } }
@media screen and (min-width: 0em) and (max-width: 44em) {
  .t3 .main .row .row .columns-6, .t3 .main .jive-thread-post .row .columns-6, .t3 .main .row .jive-thread-post .columns-6, .t3 .main .jive-thread-post .jive-thread-post .columns-6 {
    padding: 0; } }
@media screen and (min-width: 59em) {
  .t3 .main .main {
    overflow: hidden; } }
.t3 .main ol, .t3 .main ul {
  padding: 0;
  margin: 0;
  list-style: none; }
@media screen and (min-width: 47em) {
  .t3 .main .site-header {
    margin-bottom: 0; }
  .t3 .main .categories-container {
    max-width: 90%; } }
@media screen and (min-width: 59em) {
  .t3 .main .categories-container {
    max-width: 80%; } }
@media screen and (min-width: 89em) {
  .t3 .main .categories-container {
    max-width: 70%; } }
.t3 .main .teaser-link {
  margin-top: 16px;
  margin-top: 1rem; }
  .t3 .main .teaser-link .teaser-image {
    max-width: 100%;
    float: none; }
@media screen and (min-width: 47em) {
  .t3 {
    overflow: hidden; }
    .t3 .site-footer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0; } }

.js .t4 .site-header {
  margin-bottom: 0; }
.js .t4 .photo-journal-slider {
  margin-left: -12px;
  margin-left: -0.75rem;
  margin-right: -12px;
  margin-right: -0.75rem; }

@media screen and (min-width: 0em) and (max-width: 59em) {
  .t4 .stack {
    margin: 0; }
    .t4 .stack [class*="columns-"], .t4 .stack .jive-author, .t4 .stack .jive-thread-post-body-container, .t4 .stack .jive-thread-reply-body-container {
      float: none;
      width: 100%;
      padding: 0; } }
@media screen and (min-width: 0em) and (max-width: 39em) {
  .t4 [class*="columns-"], .t4 .jive-author, .t4 .jive-thread-post-body-container, .t4 .jive-thread-reply-body-container {
    float: none;
    width: 100%; } }
.t4 .main [class*="columns-"] .mobile-hide, .t4 .main .jive-author .mobile-hide, .t4 .main .jive-thread-post-body-container .mobile-hide, .t4 .main .jive-thread-reply-body-container .mobile-hide {
  display: none; }
  @media screen and (min-width: 30em) {
    .t4 .main [class*="columns-"] .mobile-hide, .t4 .main .jive-author .mobile-hide, .t4 .main .jive-thread-post-body-container .mobile-hide, .t4 .main .jive-thread-reply-body-container .mobile-hide {
      display: block; } }
@media screen and (min-width: 0em) and (max-width: 59em) {
  .t4 .main hr {
    display: none; }
  .t4 .main [class*="columns-"] hr, .t4 .main .jive-author hr, .t4 .main .jive-thread-post-body-container hr, .t4 .main .jive-thread-reply-body-container hr {
    display: block; } }
@media screen and (min-width: 59em) {
  .t4 .main [class*="columns-"] hr, .t4 .main .jive-author hr, .t4 .main .jive-thread-post-body-container hr, .t4 .main .jive-thread-reply-body-container hr {
    display: none; }
  .t4 .main .columns-12 hr {
    display: block; } }
@media screen and (min-width: 0em) and (max-width: 30em) {
  .t4 .main .wpy-accordion-header {
    margin-left: -24px;
    margin-left: -1.5rem;
    margin-right: -24px;
    margin-right: -1.5rem;
    padding: 16px 24px;
    padding:  1rem 1.5rem;
    border: 1px solid;
    border-width: 1px 0; }
  .t4 .main .wpy-accordion-content .wpy-accordion-header {
    display: block;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    border: none; } }
.t4.voting-page .photographers-details {
  display: none !important; }
.t4.voting-page .teaser-text {
  /*
  .teaser-title, p {
      @include rem(font-size, 25px);
      @include rem(line-height, 31px);
  }*/ }
  .t4.voting-page .teaser-text .teaser-title {
    margin-bottom: 0; }
.t4.voting-page .twitter-inline.icon {
  padding-left: 8px;
  padding-left: 0.5rem; }

section.paged-items {
  position: relative;
  border: none; }

section.pagination {
  border-width: 1px; }
  section.pagination ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
  section.pagination li {
    display: inline-block;
    margin: 0; }

.pagination-link {
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid;
  display: inline-block;
  text-decoration: none;
  min-width: 100px;
  padding: 8px 12px;
  padding:  0.5rem 0.75rem;
  text-align: center;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  display: block;
  float: none;
  text-align: center;
  position: relative;
  margin: 0 auto;
  max-width: 200px;
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  .pagination-link:hover, .pagination-link:focus, .pagination-link:active {
    text-decoration: none;
    cursor: pointer; }
  .pagination-link .icon {
    float: right;
    line-height: inherit; }

html .main .pagination-link {
  display: block; }

.pagination-end {
  padding-bottom: 8px;
  padding-bottom: 0.5rem; }
  .pagination-end:after {
    border: none; }

#infscr-loading {
  display: block;
  position: absolute;
  z-index: 1;
  text-align: center;
  width: 80% !important;
  left: 10% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 24px;
  padding:  1rem 1.5rem; }
  #infscr-loading .spinner {
    left: 50% !important; }

.t8 .in-page-nav {
  border-top-width: 1px;
  border-top-style: solid;
  margin-top: 8px;
  margin-top: 0.5rem;
  margin-left: -24px;
  margin-left: -1.5rem;
  margin-right: -24px;
  margin-right: -1.5rem; }

html {
  /* Credit for double-stranded heading hierarchy and other abstract font classes to http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/ */
  /* Styling for current site comment code, in case the html can't be changed */ }
  html h1, html .alpha, html h2, html .beta, html h3, html .gamma, html fieldset legend, fieldset html legend, html h4, html .delta, html .copyright-info h2, .copyright-info html h2, html .photographers-details .teaser-title, .photographers-details html .teaser-title, html .js-lightshow-thumbnail-slider .text h2, .js-lightshow-thumbnail-slider .text html h2, html h5, html .epsilon, html h6, html .zeta {
    color: white; }
  html a {
    color: #fff; }
    html a:hover, html a:focus, html a:active {
      color: white; }
  html blockquote {
    color: #f1f1f1; }
    html blockquote:before, html blockquote:after {
      color: white; }
  html abbr[title], html acronym[title] {
    border-color: 1px dotted #6e6e6e; }
  html hr {
    border-color: #3b3b3b; }
  html table {
    background: black;
    border: #6e6e6e; }
  html th {
    background: black;
    color: white; }
  html th, html td {
    border: 1px solid #6e6e6e; }
  html dt {
    color: white; }
  html b {
    color: white; }
  html .lowlight {
    color: #bebebe; }
  html .cross-sell, html .winners-carousel, html .breadcrumb, html .intro-text {
    border-color: #3b3b3b; }
  html .main .pagination-link {
    background: #6e6e6e; }
    html .main .pagination-link:hover, html .main .pagination-link:focus, html .main .pagination-link:active {
      background: #6e6e6e; }
  html .main a.pagination-link:hover, html .main a.pagination-link:focus, html .main a.pagination-link:active {
    background: #888888; }
  html q {
    color: white; }
  html dfn {
    color: white; }
  html label {
    color: #bebebe; }
  html input[type="text"], html input[type="password"], html input[type="date"], html input[type="datetime"], html input[type="email"], html input[type="number"], html input[type="search"], html input[type="tel"], html input[type="time"], html input[type="url"], html textarea {
    background-color: black;
    border-color: #6e6e6e;
    color: #bebebe; }
    html input[type="text"]:focus, html input[type="password"]:focus, html input[type="date"]:focus, html input[type="datetime"]:focus, html input[type="email"]:focus, html input[type="number"]:focus, html input[type="search"]:focus, html input[type="tel"]:focus, html input[type="time"]:focus, html input[type="url"]:focus, html textarea:focus {
      background: black;
      border-color: #afb73d; }
    html input[type="text"][disabled], html input[type="password"][disabled], html input[type="date"][disabled], html input[type="datetime"][disabled], html input[type="email"][disabled], html input[type="number"][disabled], html input[type="search"][disabled], html input[type="tel"][disabled], html input[type="time"][disabled], html input[type="url"][disabled], html textarea[disabled] {
      background-color: #6e6e6e; }
  html select {
    background-color: black;
    border-color: #6e6e6e;
    color: #bebebe; }
  html fieldset {
    border-color: #6e6e6e; }
  html {
    background: black;
    color: #fff;
    -webkit-font-smoothing: antialiased; }
  html .page-buttons {
    border-color: #3b3b3b; }
  html button, html .button, html [type="submit"], html [type="reset"], html .primary-cta a, .primary-cta html a, html .scroll-link a, .scroll-link html a, html .pagination-link, html .primary-cta a {
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    color: #000000; }
    html button:hover, html .button:hover, html [type="submit"]:hover, html [type="reset"]:hover, html .primary-cta a:hover, .primary-cta html a:hover, html .scroll-link a:hover, .scroll-link html a:hover, html .pagination-link:hover, html button:focus, html .button:focus, html [type="submit"]:focus, html [type="reset"]:focus, html .primary-cta a:focus, .primary-cta html a:focus, html .scroll-link a:focus, .scroll-link html a:focus, html .pagination-link:focus, html button:active, html .button:active, html [type="submit"]:active, html [type="reset"]:active, html .primary-cta a:active, .primary-cta html a:active, html .scroll-link a:active, .scroll-link html a:active, html .pagination-link:active, html .primary-cta a:hover, html .primary-cta a:focus, html .primary-cta a:active {
      text-decoration: underline; }
  html .secondary-button, html .pagination-link {
    background: #6e6e6e;
    border-color: #6e6e6e;
    color: white; }
    html .secondary-button:hover, html .pagination-link:hover, html .secondary-button:focus, html .pagination-link:focus, html .secondary-button:active, html .pagination-link:active {
      background: #828282; }
  html .tertiary-button, html .newsletter-signup .button, .newsletter-signup html .button {
    background: black;
    border-color: #3b3b3b;
    color: #fff; }
    html .tertiary-button:hover, html .newsletter-signup .button:hover, .newsletter-signup html .button:hover, html .tertiary-button:focus, html .newsletter-signup .button:focus, .newsletter-signup html .button:focus, html .tertiary-button:active, html .newsletter-signup .button:active, .newsletter-signup html .button:active {
      background: #262626; }
  html .transparent-button, html .banner .flex-direction-nav .flex-prev, html .banner .flex-direction-nav .flex-next, html .photo-journal-slider .flex-direction-nav .flex-prev, html .photo-journal-slider .flex-direction-nav .flex-next, html .scroll-link a, html .js-lightshow .flex-direction-nav .flex-prev, html .js-lightshow .flex-direction-nav .flex-next {
    background: #000;
    border-color: #000;
    color: white; }
    html .transparent-button:hover, html .banner .flex-direction-nav .flex-prev:hover, html .banner .flex-direction-nav .flex-next:hover, html .photo-journal-slider .flex-direction-nav .flex-prev:hover, html .photo-journal-slider .flex-direction-nav .flex-next:hover, html .scroll-link a:hover, html .js-lightshow .flex-direction-nav .flex-prev:hover, html .js-lightshow .flex-direction-nav .flex-next:hover, html .transparent-button:focus, html .banner .flex-direction-nav .flex-prev:focus, html .banner .flex-direction-nav .flex-next:focus, html .photo-journal-slider .flex-direction-nav .flex-prev:focus, html .photo-journal-slider .flex-direction-nav .flex-next:focus, html .scroll-link a:focus, html .js-lightshow .flex-direction-nav .flex-prev:focus, html .js-lightshow .flex-direction-nav .flex-next:focus, html .transparent-button:active, html .banner .flex-direction-nav .flex-prev:active, html .banner .flex-direction-nav .flex-next:active, html .photo-journal-slider .flex-direction-nav .flex-prev:active, html .photo-journal-slider .flex-direction-nav .flex-next:active, html .scroll-link a:active, html .js-lightshow .flex-direction-nav .flex-prev:active, html .js-lightshow .flex-direction-nav .flex-next:active {
      background: #000000;
      color: #ffffff; }
  html .tertiary-nav {
    border-color: #3b3b3b; }
    html .tertiary-nav li {
      border-color: #3b3b3b; }
    /* html .tertiary-nav a:hover, html .tertiary-nav a:focus, html .tertiary-nav a:active {
      background: #afb73d; } */
  html .hidden-comments h2, html .breadcrumb ul li:first-child a, html .intro-text .link-list a, html .tweet-vote {
    color: #ffffff; }
    html .hidden-comments h2:hover, html .breadcrumb ul li:first-child a:hover, html .intro-text .link-list a:hover, html .hidden-comments h2:focus, html .breadcrumb ul li:first-child a:focus, html .intro-text .link-list a:focus, html .hidden-comments h2:active, html .breadcrumb ul li:first-child a:active, html .intro-text .link-list a:active {
      color: white; }
  html .section-title {
    color: #bebebe; }
  html .blog-post {
    border-color: #3b3b3b;
    clear:both;
    }
  html .meta-data {
    color: white; }
  html .list-item {
    border-color: #3b3b3b; }
    html .list-item a {
      color: #bebebe; }
      html .list-item a:hover, html .list-item a:focus, html .list-item a:active {
        color: #bebebe; }
  html .teaser-link p {
    color: #bebebe; }
  html .horizontal-teasers .lead-teaser {
    border-color: #3b3b3b; }
  html .top-link .icon {
    width: 0;
    height: 0;
    border-left: 0.35em solid transparent;
    border-right: 0.35em solid transparent;
    border-bottom: 0.35em solid white;
    border-top: none; }
  html .tertiary-nav a:hover, html .tertiary-nav a:focus, html .tertiary-nav a:active {
    background: none;
    color: white; }
  html .countdown {
    background: #afb73d;
    color: white; }
    html .countdown .unit abbr[title] {
      color: white; }
  html [data-countdown] .section {
    border-color: white;
    border-color: rgba(255, 255, 255, 0.5); }
  html [data-countdown] .digits {
    color: white; }
  html .separate-sub-nav {
    border-color: #3b3b3b; }
  html .site-search {
    border-color: #3b3b3b; }
    html .site-search .icon {
      color: #bebebe; }
  html .above-nav-search {
    border-color: #3b3b3b; }
  @media screen and (min-width: 59em) {
    html .search-holder {
      border-color: #3b3b3b;
      background: black; } }
  html .dropdown-control:hover, html .dropdown-control:focus, html .dropdown-control:active {
    color: #ffffff; }
  html .header-navigation ul {
    background: black; }
    @media screen and (min-width: 0em) and (max-width: 59em) {
      html .header-navigation ul ul a {
        background: #303030; }
        html .header-navigation ul ul a:hover, html .header-navigation ul ul a:focus, html .header-navigation ul ul a:active {
          background: #4a4a4a;
          color: white; } }
    @media screen and (min-width: 0em) and (max-width: 59em) {
      html .header-navigation ul ul ul a {
        background: #bebebe;
        color: black; }
        html .header-navigation ul ul ul a:hover, html .header-navigation ul ul ul a:focus, html .header-navigation ul ul ul a:active {
          background: #d8d8d8;
          color: black; } }
  html .header-navigation li {
    border-color: #3b3b3b; }
    html .header-navigation li li {
      border-color: #6e6e6e; }
      html .header-navigation li li li {
        border-color: #a5a5a5; }
  html .header-navigation a {
    color: white; }
    html .header-navigation a:hover, html .header-navigation a:focus, html .header-navigation a:active {
      background: #ffffff;
      color: #000000; }
    html .header-navigation a.current {
      background: #ffffff;
      color: #000000; }
      html .header-navigation a.current:hover, html .header-navigation a.current:focus, html .header-navigation a.current:active {
        background: #ffffff; }
  @media screen and (min-width: 59em) {
    html .t2 .separate-sub-nav li {
      border-color: #3b3b3b; } }
  html .in-page-nav {
    border-color: #3b3b3b; }
    html .in-page-nav li {
      border-color: #3b3b3b; }
    html .in-page-nav a:hover, html .in-page-nav a:focus, html .in-page-nav a:active {
      background: #afb73d; }
  html .site-footer {
    background: black;
    border-color: #3b3b3b;
    /*ul*/ }
    html .site-footer a {
      border-color: #3b3b3b; }
    html .site-footer .sponsors {
      border-color: #3b3b3b; }
    html .site-footer .social-links {
      border-color: #3b3b3b; }
      html .site-footer .social-links a {
        color: #fff; }
        html .site-footer .social-links a:hover, html .site-footer .social-links a:focus, html .site-footer .social-links a:active {
          color: white; }
    html .site-footer .newsletter-signup {
      border-color: #3b3b3b; }
    html .site-footer .site-links, html .site-footer .copyright, html .site-footer .site-info {
      border-color: #3b3b3b; }
    html .site-footer .links-copyright-info {
      border-color: #3b3b3b; }
  html .flexslider {
    background: transparent; }
  html .flex-direction-nav .flex-prev, html .flex-direction-nav .flex-next {
    background: #ffffff;
    color: #000000; }
    html .flex-direction-nav .flex-prev:hover, html .flex-direction-nav .flex-prev:focus, html .flex-direction-nav .flex-prev:active, html .flex-direction-nav .flex-next:hover, html .flex-direction-nav .flex-next:focus, html .flex-direction-nav .flex-next:active {
      background: #ffffff; }
  html .js-lightshow-thumbnail-slider .flex-direction-nav .flex-prev, html .js-lightshow-thumbnail-slider .flex-direction-nav .flex-next {
    background: #afb73d;
    color: white; }
    html .js-lightshow-thumbnail-slider .flex-direction-nav .flex-prev:hover, html .js-lightshow-thumbnail-slider .flex-direction-nav .flex-prev:focus, html .js-lightshow-thumbnail-slider .flex-direction-nav .flex-prev:active, html .js-lightshow-thumbnail-slider .flex-direction-nav .flex-next:hover, html .js-lightshow-thumbnail-slider .flex-direction-nav .flex-next:focus, html .js-lightshow-thumbnail-slider .flex-direction-nav .flex-next:active {
      background:  #ffffff;}
  html .flex-control-paging li a {
    background: white;
    color: black;
    box-shadow: 1px 1px 2px black; }
  html .photo-journal-slider .flex-control-paging li:first-child a {
    background: transparent;
    color: #afb73d; }
  @media screen and (min-width: 47em) {
    html .banner .text .row, html .banner .text .jive-thread-post {
      color: black;
      font-size: 34px; }
      html .banner .text .row .title, html .banner .text .jive-thread-post .title {
        color: #afb73d; } }
  @media screen and (min-width: 47em) {
    html .banner .dark-text .row, html .banner .dark-text .jive-thread-post, html .banner .dark-text h2 {
      color: #111; }
      html .banner .dark-text .row .title, html .banner .dark-text .jive-thread-post .title, html .banner .dark-text h2 {
        color: #000; } }
  html ul.cta a {
    -webkit-font-smoothing: antialiased;
    background: #afb73d;
    border-color: #afb73d;
    color: white; }
    html ul.cta a:hover, html ul.cta a:focus, html ul.cta a:active {
      background: #ffffff; }
  html ul.cta .slide-link {
    background: black;
    border-color: black;
    color: #bebebe; }
    html ul.cta .slide-link:hover, html ul.cta .slide-link:focus, html ul.cta .slide-link:active {
      background: #262626;
      border-color: #262626; }
  html ul.banner-text-list strong .arrow {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid white;
    border-right: none; }
  html .branding {
    background: none, url(../images/wpy54.png) top left no-repeat;
    background-size: contain; }
  html .primary-cta {
    border-color: #3b3b3b;
    display: none; }
  html .photo-journal {
    border-bottom: 1px solid #3b3b3b; }
  /*commenting the below rule for the purpose of turning the highlight back to white */
  /*html ul.banner-text-list h3 {
    color: #bebebe; }*/
  html ul.banner-text-list strong {
    font-weight: normal;
    color: white; }
    html ul.banner-text-list strong h3 {
      color: white; }
  @media screen and (min-width: 47em) {
    html .slider-container .buy-button, html .slider-container .js-lightshow-button .button {
      background: transparent;
      border-color: transparent; }
      html .slider-container .buy-button .icon, html .slider-container .js-lightshow-button .button .icon {
        text-shadow: 1px 1px 0 #000; } }
  html .multi-image .multi-image-container {
    background: none;
    border-color: transparent; }
  html .map-outer, html .map-inner {
    border-color: #3b3b3b; }
  html .hidden-comments h2 .icon {
    color: white; }
  html .comments-form {
    border-color: #6e6e6e; }
  html .jive-thread-reply {
    border-color: #3b3b3b; }
  html .promotion, html .promotion:first-of-type {
    border-color: #3b3b3b; }
  html .cross-sell .teaser-link p {
    color: white; }
  html .cross-sell .teaser-link b {
    color: #afb73d; }
  html .intro-text {
    color: white; }
  html .teaser-text.people-choice-teaser .teaser-title, html .teaser-text.people-choice-teaser .photographers-name {
    color: white; }
  html .t4 .main .wpy-accordion-header {
    border-color: #3b3b3b; }
  html .js-controls-message ul {
    border-color: #3b3b3b;
    background: #000;
    background: rgba(0, 0, 0, 0.8); }
  html .js-lightshow {
    background-color: #000; }
    html .js-lightshow .flex-direction-nav .flex-prev, html .js-lightshow .flex-direction-nav .flex-next {
      border: none; }
    html .js-lightshow .icon {
      text-shadow: 1px 1px 0 #000; }
    html .js-lightshow .flex-direction-nav .icon {
      text-shadow: none; }
  html .js-lightshow-thumbnail-slider {
    background: #000; }
    html .js-lightshow-thumbnail-slider img {
      border-color: #000; }
    html .js-lightshow-thumbnail-slider .flex-active-slide img {
      border-color:  #ffffff; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden, .dropdown-control .icon-text, .site-footer h2, .social-links .icon-text, .flex-direction-nav .icon-text, .js-lightshow .flex-pauseplay .icon-text, .js-lightshow .js-close .icon-text, section.pagination h2 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .dropdown-control .focusable.icon-text:active, .site-footer h2.focusable:active, .social-links .focusable.icon-text:active, .flex-direction-nav .focusable.icon-text:active, .js-lightshow .flex-pauseplay .focusable.icon-text:active, .js-lightshow .js-close .focusable.icon-text:active, section.pagination h2.focusable:active,
.visuallyhidden.focusable:focus,
.dropdown-control .focusable.icon-text:focus,
.site-footer h2.focusable:focus,
.social-links .focusable.icon-text:focus,
.flex-direction-nav .focusable.icon-text:focus,
.js-lightshow .flex-pauseplay .focusable.icon-text:focus,
.js-lightshow .js-close .focusable.icon-text:focus,
section.pagination h2.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.js-responsive-display {
  position: fixed;
  bottom: 15px;
  right: 15px;
  background: #b1b6f2;
  padding: 4px;
  width: auto;
  z-index: 1000;
  color: #000;
  border: 2px solid #CCC;
  border-radius: 3px;
  box-shadow: 0 0 5px 2px #555;
  text-align: left; }
  .js-responsive-display * {
    color: #000; }
  .js-responsive-display dl {
    margin: 0; }
  .js-responsive-display dt {
    font-weight: bold; }
  .js-responsive-display dd {
    margin: 0; }

@media screen and (min-width: 0em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 1em) {
  .js-responsive-display {
    background: #f2b1d6; } }
@media screen and (min-width: 2em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 3em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 4em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 5em) {
  .js-responsive-display {
    background: #b1f2cc; } }
@media screen and (min-width: 6em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 7em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 8em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 9em) {
  .js-responsive-display {
    background: #f2b1d6; } }
@media screen and (min-width: 10em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 11em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 12em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 13em) {
  .js-responsive-display {
    background: #b1f2cc; } }
@media screen and (min-width: 14em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 15em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 16em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 17em) {
  .js-responsive-display {
    background: #f2b1d6; } }
@media screen and (min-width: 18em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 19em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 20em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 21em) {
  .js-responsive-display {
    background: #b1f2cd; } }
@media screen and (min-width: 22em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 23em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 24em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 25em) {
  .js-responsive-display {
    background: #f2b1d6; } }
@media screen and (min-width: 26em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 27em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 28em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 29em) {
  .js-responsive-display {
    background: #b1f2cd; } }
@media screen and (min-width: 30em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 31em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 32em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 33em) {
  .js-responsive-display {
    background: #f2b1d6; } }
@media screen and (min-width: 34em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 35em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 36em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 37em) {
  .js-responsive-display {
    background: #b1f2cd; } }
@media screen and (min-width: 38em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 39em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 40em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 41em) {
  .js-responsive-display {
    background: #f2b1d7; } }
@media screen and (min-width: 42em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 43em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 44em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 45em) {
  .js-responsive-display {
    background: #b1f2cc; } }
@media screen and (min-width: 46em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 47em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 48em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 49em) {
  .js-responsive-display {
    background: #f2b1d7; } }
@media screen and (min-width: 50em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 51em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 52em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 53em) {
  .js-responsive-display {
    background: #b1f2cc; } }
@media screen and (min-width: 54em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 55em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 56em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 57em) {
  .js-responsive-display {
    background: #f2b1d7; } }
@media screen and (min-width: 58em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 59em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 60em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 61em) {
  .js-responsive-display {
    background: #b1f2cc; } }
@media screen and (min-width: 62em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 63em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 64em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 65em) {
  .js-responsive-display {
    background: #f2b1d7; } }
@media screen and (min-width: 66em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 67em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 68em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 69em) {
  .js-responsive-display {
    background: #b1f2cc; } }
@media screen and (min-width: 70em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 71em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 72em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 73em) {
  .js-responsive-display {
    background: #f2b1d7; } }
@media screen and (min-width: 74em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 75em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 76em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 77em) {
  .js-responsive-display {
    background: #b1f2cc; } }
@media screen and (min-width: 78em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 79em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 80em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 81em) {
  .js-responsive-display {
    background: #f2b1d7; } }
@media screen and (min-width: 82em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 83em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 84em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 85em) {
  .js-responsive-display {
    background: #b1f2cc; } }
@media screen and (min-width: 86em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 87em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 88em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 89em) {
  .js-responsive-display {
    background: #f2b1d7; } }
@media screen and (min-width: 90em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 91em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 92em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 93em) {
  .js-responsive-display {
    background: #b1f2cc; } }
@media screen and (min-width: 94em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 95em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 96em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 97em) {
  .js-responsive-display {
    background: #f2b1d7; } }
@media screen and (min-width: 98em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 99em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 100em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 101em) {
  .js-responsive-display {
    background: #b1f2cc; } }
@media screen and (min-width: 102em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 103em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 104em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 105em) {
  .js-responsive-display {
    background: #f2b1d7; } }
@media screen and (min-width: 106em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 107em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 108em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 109em) {
  .js-responsive-display {
    background: #b1f2cc; } }
@media screen and (min-width: 110em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 111em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 112em) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media screen and (min-width: 113em) {
  .js-responsive-display {
    background: #f2b1d7; } }
@media screen and (min-width: 114em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media screen and (min-width: 115em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media screen and (min-width: 116em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media screen and (min-width: 117em) {
  .js-responsive-display {
    background: #b1f2cc; } }
@media screen and (min-width: 118em) {
  .js-responsive-display {
    background: #b1e7f2; } }
@media screen and (min-width: 119em) {
  .js-responsive-display {
    background: #b1b6f2; } }
@media screen and (min-width: 120em) {
  .js-responsive-display {
    background: #ddb1f2; } }

/*Inhouse changes*/
.no-underline {
  text-decoration: none ! important;
}
.nhm-last-image-float .last-child {
  float:left
}

.competition-page h2, .visit-page h2 {
  clear:right;
}

.competition-page h2, .visit-page h3 {
  clear:both;
}
.competition-page .columns-9 p, .visit-page .columns-9 p {
  clear:both;
}
.competition-page .columns-12 p {
  clear:both;
}

/*alext2 removing massive p margins on image details pages*/
.imageDetails p {
  margin: 0 0 0 0;
}
.js-image-details p {
  margin: 0 0 0 0;
}

/*float:image viewer */
/*alext2 remove float to include a worded explanation*/
.js-lightshow-button .button {
  margin-top: 0px;
  margin-top: 0rem;
  float:right;
}




  /* alext2 changing cms links to red*/
a.link-red {
  text-decoration: none;
  color: #ffffff; }
.link-red .icon {
  font-size: 0.75em;
  color: white;
  }
.link-red .icon-text {
  margin-left: 6px;
  margin-left: 0.375rem; }
.link-red a {
}

.category-intro a.button {
  color: #000000;
}
 .center-content .columns-9 {
  float: none;
  margin: 0 auto;
}
.t2 .overall-winner-intro .image-detail {
clear:both;
}

.gallery-lightbox p {
  margin:0;
}
.photographers-details .teaser-image {
  margin-bottom: 16px;
  margin-bottom: 1.1rem;

}
.t2 .overall-winner-intro .indent-for-position {
  margin-left: 21px;
  margin-left: 1.3rem;
}

.tertiary-nav .current {
  /* background: #afb73d; */

}
.tertiary-nav a{
  padding-left: 8px;
  padding-left: 0.5rem;
  color:#fff;
}
.tertiary-nav a:hover, .tertiary-nav a:focus, .tertiary-nav a:active {
background: #ffffff !important
}

.blog-archive .tertiary-nav a:hover, .tertiary-nav a:focus, .tertiary-nav a:active {
background: #000 !important
}


.map-outer .map-inner {
  margin-bottom: 16px;
  margin-bottom: 1.1rem;
}
h3.category-position, h3.overall-position {
 margin-bottom:0;
}
.indent-for-position p {
margin: 0 0 2px 0;
margin: 0 0 0.125rem 0;
}
section.clearfix:after {
content: "";
display: table;
clear: both;
}
.paged-items .row h3.teaser-title {
  color:#bebebe;
}
.paged-items .row a.teaser-link:hover .teaser-title, .paged-items .row a.teaser-link:active .teaser-title, .paged-items .row a.teaser-link:focus .teaser-title {
  color:#fff
}

.visit-page .flex-direction-nav .flex-prev, .visit-page .flex-direction-nav .flex-next, .shop-page .flex-direction-nav .flex-prev, .shop-page .flex-direction-nav .flex-next {
background: rgba(0, 0, 0, 0.4);
border-color: rgba(255, 255, 255, 0.2);
color: white;
}
.competition-page .paged-items {
  clear:both;
}
.blog-commenting {
  clear:both;
}
.community-page .page-buttons .icon-before .icon {
  float:none;
}

.jive-rendered-content img {
  padding: 0 5px 0px 5px;
}

.blog-archive .duplicate-link {
  display:none;
}
.horizontal-teasers .lead-teaser.chairmain-teaser .teaser-image {
    max-width: 33%;
}

.about-page .mandatory {
	color:#ffffff;
}
.about-page .fieldgroup input, .fieldgroup select, .fieldgroup textarea {
	margin-bottom:0.8rem;
}
.about-page label.error {
	color:#a70331;
	margin-bottom: 0.5rem;
}

.peoples-best50-carousel img {
	max-height:276px;
	width: inherit !important;
	display: block !important;
	margin-left: auto;
    margin-right: auto;
}
.peoples-best50-carousel .title-only h3 {
	text-align: center;
}
#contact-form #form-content select {
	background: url("images/chevron-down.png") no-repeat;
	background-position: right 5px center;
	-webkit-appearance: none;
	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

#contact-form #form-content select option {
	background: black;
	color: #bebebe;
	margin:6px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

#contact-form #recaptcha_area {
	max-width:600px;
}

#contact-form #recaptcha_table {
	background:white;
}

#contact-form #recaptcha_table input {
	background-color: white;
}

#contact-form .newsletter  input{
	float: left;
	margin-top: 4px;
	margin-bottom: 10px;
}

.recaptchatable input::-webkit-input-placeholder{
   color: #434343;
}

.recaptchatable input:-moz-placeholder { /* Firefox 18- */
   color: #434343;
}

.recaptchatable input::-moz-placeholder {  /* Firefox 19+ */
   color: #434343;
}

.recaptchatable input:-ms-input-placeholder {
   color: #434343;
}

.about-page .newsletter {
	margin-bottom:0px;
	margin-top: 15px;
}

.about-page .contact-wpy p {
	margin-bottom:0px;
}

.about-page .contact-wpy {
	margin-top: 20px;
}

.about-page .contact-us #form-content {
	margin-top: 20px;
}
/* this is a quick fix to make recaptcha responsive */
@media (max-width: 444px) {

	.recaptchatable #recaptcha_image {
	margin: 0 !important;
	width: 200px !important;
	}
	.recaptchatable input {
	margin: 0 !important;
	width: 200px !important;
	}
	.recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell {

	background: none !important;
	}

}


/* sponsor page logos - dhis 08/08/2014 */
@media screen and (max-width: 31em) {
img.sponsor-logo
{
padding: 0 0 5px 0;
width:80px;  /* image should be scaled to size */
height: auto;
}
}

@media screen and (min-width: 32em) {
img.sponsor-logo
{
padding: 0 0 5px 0;
width:120px;  /* image should be scaled to size */
height: auto;
}
}

.nhmwpy-carousel-left-column {
	background-color: #ffffff;
	height: 34vh;
	width: 100%;
}

@media screen and (min-width: 64em) {
	.nhmwpy-carousel-left-column {
		float: left;
		height: 67vh;
		width: 25%;
	}
}

@media screen and (min-width: 80em) {
	.nhmwpy-carousel-left-column {
		float: left;
		height: 62vh;
		width: 25%;
		height: 85vh;
	}
}

.nhmwpy-carousel-left-column-top {
	height: 17vh;
	background-color: white;
}


@media screen and (min-width: 64em) {
	.nhmwpy-carousel-left-column-top {
		height: 39vh;
		background-color: white;
	}
}

@media screen and (min-width: 80em) {
	.nhmwpy-carousel-left-column-top {
		height: 40vh;
		background-color: white;
	}
}

@media screen and (max-width: 480px) {
	.nhmwpy-carousel-left-column-top {
		height: 17vh;
		background-color: white;
	}
}

.nhmwpy-carousel-left-column-bottom {
	height: 17vh;
 	background-color: black;
}

@media screen and (max-width: 768px) {
	.nhmwpy-carousel-left-column-bottom {
		height: 24vh;
	 	background-color: black;
	}
}

@media screen and (min-width: 64em) {
	.nhmwpy-carousel-left-column-bottom {
		height: 28vh;
	 	background-color: white;
	}
}

@media screen and (min-width: 80em) {
	.nhmwpy-carousel-left-column-bottom {
		height: 42vh;
	 	background-color: white;
	}
}

.nhmwpy-carousel-right-column {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 64em) {
	.nhmwpy-carousel-right-column {
		float: right;
		width: 75%;
		height: 67vh;
	}
}

@media screen and (min-width: 80em) {
	.nhmwpy-carousel-right-column {
		float: right;
		width: 75%;
		height: 85vh;
	}
}

.nhmwpy-carousel-image {
	border-bottom: 6px solid black;
}

@media screen and (max-width: 1023px) {
	.nhmwpy-carousel-image {
		border-bottom: 12px solid black;
	}
}

@media screen and (min-width: 1024px) {
	.nhmwpy-carousel-image {
		border-bottom: none;
		border-left: 18px solid black;
	}
}

.banner .nhmwpy-padding {
  top: 0;
  left: 0;
  padding: 35px 25px;
}

@media screen and (min-width: 1024px) {
  .banner .nhmwpy-padding {
    top: 20px;
    padding-left: 15%;
    max-width: 80%;
  }
}

@media screen and (min-width: 1280px) {
  .banner .nhmwpy-padding {
    top: 60px;
  }
}

@media screen and (min-width: 1400px) {
  .banner .nhmwpy-padding {
    padding-left: 10%;
  }
}

.site-footer {
	position: relative;
}

h2 .ui-accordion-header-icon.ui-icon {
	display: none;
}

@media screen and (min-width: 768px) {
  .flex-direction-nav a {
    top: 25% !important;
  }
}

@media screen and (min-width: 1024px) {
  .flex-direction-nav a {
    top: 40% !important;
  }
}

.community-page .button,
.competition-page .button {
  border: 1px solid white;
  color: white;
}

.competition-page .tertiary-nav .current,
.competition-page .tertiary-nav a:hover {
  background-color: white !important;
  color: black !important;
}